* {
    margin: 0
}

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

#Logo {
    width: 5%;
    margin-left: 10%;
    margin-top: -2%;
}

.cabeçalho {
    background-color: black;
    color: white;
    height: 3%;
    padding: 2.5% 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: -6%;
}

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

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

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

.barrapreta{
    background-color: black;
    color: black;
    margin-top: 13%;
    height: 18%;
}

.barrapreta1{
    background-color: black;
    color: black;
    margin-top: 8%;
    height: 18%;
}

.seuspedidos{
    font-family: 'Inria Sans', sans-serif;
    font-size: 200%;
    margin-top: 6%;
    position: absolute;
    margin-left: 40%;
}

.img1{
    position: absolute;
    margin-top: -9.4%;
    margin-left: 7%;
}

.img2{
    position: absolute;
    margin-top: -8.4%;
    margin-left: 7.7%;
}

.text1{
    position: absolute;
    color: white;
    font-family: 'Inria Sans', sans-serif;
    font-size: 200%;
    margin-top: -5.4%;
    margin-left: 70%;
}

.text2{
    position: absolute;
    color: white;
    font-family: 'Inria Sans', sans-serif;
    font-size: 200%;
    margin-top: -5.4%;
    margin-left: 70%;
}

#FinalDoSite {
    background-color: black;
    margin-top: 4%;
    height: 45%;
    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;
}