* {
    margin: 0
}

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

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

.cabeçalho {
    background-color: black;
    color: white;
    height: 8.9%;
    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: -1.78%;
}

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

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

.Entrar{
    font-family: 'Inria Sans', sans-serif;
    font-size: 230%;
    margin-top: 3.5%;
    display: flex;
    justify-content: center;
}

.Input1{
    height: 4%;
    width: 40%;
    border-radius: 2%;
    border-color: black;
    background-color: #9A901A;
    border: transparent;
    margin-top: 5%;
    margin-left: 30%;
    color: black;
    font-size: 150%;
    font-family: 'Inria Sans', sans-serif;
}

.Input1::placeholder{
    color: black;
    padding: 39%;
    font-family: 'Inria Sans', sans-serif;
}

.Input2{
    height: 4%;
    width: 40%;
    border-radius: 2%;
    border-color: black;
    background-color: #9A901A;
    border: transparent;
    margin-top: 3%;
    margin-left: 30%;
    color: black;
    font-size: 150%;
    font-family: 'Inria Sans', sans-serif;
}

.Input2::placeholder{
    color: black;
    padding: 43.8%;
    font-family: 'Inria Sans', sans-serif;
}

.nãoconsegueentra{
    font-family: 'Inria Sans', sans-serif;
    color: #189CFA;
    margin-top: 3%;
    margin-left: 44.5%;
}

.nãoconsegueentra:hover{
    cursor: pointer;
}

button{
    height: 4%;
    width: 40%;
    border-radius: 2%;
    border-color: black;
    background-color: black;
    border: transparent;
    margin-top: 3%;
    margin-left: 30%;
    color: white;
    font-size: 150%;
    font-family: 'Inria Sans', sans-serif;
}

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

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