* {
    margin: 0
}

#fundo {
    background-color: #C0A564;
    width: 100%;
    height: 250vh;
}

#Logo {
    position: absolute;
    width: 5%;
    margin-left: 10%;
    margin-top: -6%;
}

.cabeçalho {
    background-color: black;
    color: white;
    height: 5%;
    padding: -100% 0;
    font-family: 'Inria Sans', sans-serif;
    font-size: 77%;
    display: flex;
    gap: 8em;
    justify-content: center;
    align-items: center;
}

.user {
    position: absolute;
    width: 1.5%;
    fill: white;
    margin-left: 78%;
    margin-top: -5.8%;
}

.carrinho {
    position: absolute;
    width: 1.5%;
    fill: white;
    margin-left: 90%;
    margin-top: -5.7%;
}

#EntreCadastre-se {
    color: white;
    font-family: 'Inria Sans', sans-serif;
    font-size: 100%;
    margin-left: 81.1%;
    margin-top: -6%;
}

#PropagandaKaik {
    background-color: #E8BE5A;
    margin-top: 8%;
    height: 19.8%;
    display: flex;
    flex-direction: column;
    gap: 4%;
    font-family: 'Inria Sans', sans-serif;
    justify-content: center;
}

.KaikN1 {
    font-size: 230%;
}

#posicao2 {
    margin-left: 10%;
}

#imagemcreme {
    position: absolute;
    width: 20%;
    margin-left: 67%;
    margin-top: -22%;
    border-radius: 50%;
}

button {
    position: absolute;
    background-color: black;
    color: white;
    width: 7%;
    height: 6%;
    border: black;
    margin-left: 10%;
    margin-top: -6%;
}

button:hover {
    transition: all 0.3s;
    background-color: white;
    color: black;
}

#KITS {
    font-family: 'Inria Sans', sans-serif;
    font-size: 300%;
    font: 500;
    margin-top: 8%;
    display: flex;
    justify-content: center;
}

.imgKits {
    display: flex;
    justify-content: space-evenly;
    margin-top: 3%;
}

.LoremIpsum1 {
    font-family: 'Inria Sans', sans-serif;
    display: flex;
    flex-direction: column;
    margin-top: 3%;
    margin-left: 14%;
}

.LoremIpsum2 {
    font-family: 'Inria Sans', sans-serif;
    display: flex;
    flex-direction: column;
    margin-left: 46.6%;
    margin-top: -3%;
}

.LoremIpsum3 {
    font-family: 'Inria Sans', sans-serif;
    display: flex;
    flex-direction: column;
    margin-top: -3%;
    margin-left: 78%;
}

#button {
    margin-left: 47%;
    margin-top: 8%;
}

#FinalDoSite {
    background-color: black;
    margin-top: 22%;
    height: 17%;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 0.5em;
}


.posicao5 {
    margin-left: 28%;
    margin-top: -19%;
    font-family: 'Inria Sans', sans-serif;
    font-size: 70%;
    color: white;
}

.posicao8 {
    margin-left: 28%;
    margin-top: 1.2%;
    font-family: 'Inria Sans', sans-serif;
    font-size: 70%;
    color: white;
}

.posicao9 {
    margin-left: 47.8%;
    margin-top: -13.6%;
    font-family: 'Inria Sans', sans-serif;
    font-size: 70%;
    color: white;
}

.posicao10 {
    margin-left: 47.8%;
    margin-top: 1.2%;
    font-family: 'Inria Sans', sans-serif;
    font-size: 70%;
    color: white;
}

.posicao11 {
    margin-left: 65%;
    margin-top: -8%;
    font-family: 'Inria Sans', sans-serif;
    font-size: 70%;
    color: white;
}

.posicao12 {
    margin-left: 65%;
    margin-top: 1.2%;
    font-family: 'Inria Sans', sans-serif;
    font-size: 70%;
    color: white;
}

.posicao13 {
    margin-left: 89%;
    margin-top: -6.2%;
    font-family: 'Inria Sans', sans-serif;
    font-size: 70%;
    color: white;
}

.posicao14 {
    margin-left: 89%;
    margin-top: 1.2%;
    font-family: 'Inria Sans', sans-serif;
    font-size: 70%;
    color: white;
}

.LogoDeBaixo {
    width: 18%;
    margin-top: -9%;
    margin-left: 4.5%;
}

.Tiktok {
    position: absolute;
    width: 2%;
    margin-left: 80%;
    margin-top: -3%;
}

.instagram {
    position: absolute;
    width: 1.8%;
    margin-left: 77%;
    margin-top: -2.8%;
}

.facebook {
    position: absolute;
    width: 2.5%;
    margin-left: 73.4%;
    margin-top: -3%;
}

.SigaAMArca {
    color: white;
    margin-left: 71.2%;
    margin-top: -5%;
    font-size: 100%;
    font-family: 'Inria Sans', sans-serif;
}

.Contato {
    color: white;
    font-family: 'Inria Sans', sans-serif;
    font-size: 150%;
    font-weight: 600;
    text-decoration: none;
}

.Produto {
    color: white;
    font-family: 'Inria Sans', sans-serif;
    font-size: 150%;
    font-weight: 600;
    text-decoration: none;
}

.barradepesquisa {
    position: absolute;
    margin-left: 77%;
    margin-top: -3%;
    width: 14%;
}

.Contato1 {
    position: absolute;
    color: white;
    font-family: 'Inria Sans', sans-serif;
    font-size: 150%;
    font-weight: 600;
    text-decoration: none;
    margin-top: -10%;
}