:root {
    --rosa-primario: #FE387F;
    --rosa-escuro: #cb2d66;
    --rosa-75: #FF9CBF;
    --rosa-50: #FFC3D9;
    --rosa-25: #FFEBF2;
    --rosa-10: #FFF5F9;
    --preto-escuro: #0D0306;
    --preto-claro: #19060D;
    --preto-texto: #721436;
    --preto-texto2: #2c1924;
}

body {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    color: var(--preto-texto2);

}

h1,
h2,
h3 {
    font-family: "Playfair Display", serif;
    color: var(--preto-texto2);
    padding-bottom: 10px;
    /* border-bottom: dashed 3px #FE387F ; */
}

h1, h2 {
    font-size: 2.8rem;
}

p {
    font-size: 1rem;
    margin-top: 20px;
    line-height: 170%;
}

.btn {
    font-size: 1.1rem;
    font-weight: 700;
    padding: 15px 0;
    color: #FFEBF2;
    border-color: #FFEBF2;
    border-radius: 13px;
    background: var(--rosa-primario);
    box-shadow: 4px 7px 0px rgba(254, 56, 127, 0.53);
}

.btn:hover, .btn:focus {
    background-color: var(--rosa-primario);
    border-color: #FFEBF2;
    color: #FFEBF2;
    box-shadow: -4px -4px 0px rgba(254, 56, 127, 0.53);
}

.border-top {
    border-top: dashed 3px #FE387F !important;
}

#navbar {
    background-color: var(--rosa-primario);
    padding: 1vh 0;
}

#navbar img {
    width: 150px;
    position: relative;
    filter: brightness(3);
    transition: all 0.2s ease-in-out;
}

#navbar img:hover,
img:focus {
    transition: all 0.2s ease-in-out;
    width: 150px;
    filter: brightness(1);
}

#hero {
    background-color: #ffffff;
    padding: 5vh 0 9vh 0;
}

#about {
    background-color: var(--rosa-10);
    padding: 8vh 0 3vh 0;
}

#about img {
    border: solid 1px var(--rosa-25);
    border-radius: 25px;
    box-shadow: 4px 7px 0px rgba(254, 56, 127, 0.53);
}

#expert {
    background-color: var(--rosa-25);
    padding: 8vh 0;
}

#expert img {
    border: solid 1px var(--rosa-25);
    border-radius: 25px;
    box-shadow: 4px 7px 0px rgba(254, 56, 127, 0.53);
}

#obrigado {
    padding: 3vh 0 8vh 0;
}

#footer {
    background-color: var(--preto-claro);
    padding: 35px 0;
    color: var(--rosa-10);
}

#footer img {
    filter: brightness(3);
}

#footer p {
    color: #ffffff;
    opacity: 0.8;
    margin: 25px 0;
}