* {
    margin: 0
}

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

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

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

.EssaVoceNaoPodePerder{
    color: black;
    font-size: 300%;
    margin-top: 5%;
    margin-left: 33%;
    font-family: 'Inria Sans', sans-serif;
}

.ProdutoMaisBarato{
    color: black;
    font-size: 100%;
    font-family: 'Inria Sans', sans-serif;
    margin-top: 2%;
    margin-left: 37.5%;
}

.Portempolimitado{
    color: black;
    font-family: 'Inria Sans', sans-serif;
    font-size: 130%;
    margin-left: 6%;
}

.Leve2Pague1{
    color: black;
    font-family: 'Inria Sans', sans-serif;
    font-size: 200%;
    margin-top: 0.8%;
    margin-left: 4.4%;
}

.LogoPagProdutos{
    width: 10%;
    margin-left: 80%;
    margin-top: -10%;
}

#LoremIpsum1{
    display: flex;
    flex-direction: column;
    font-size: 120%;
    font-family: 'Inria Sans', sans-serif;
    margin-top: 30%;
    margin-left: 12%;
}

#LoremIpsum2{
    display: flex;
    flex-direction: column;
    font-size: 120%;
    font-family: 'Inria Sans', sans-serif;
    margin-top: -3.7%;
    margin-left: 45%;
}

#LoremIpsum3{
    display: flex;
    flex-direction: column;
    font-size: 120%;
    font-family: 'Inria Sans', sans-serif;
    margin-top: -3.7%;
    margin-left: 78.5%;
}

.Tamanhoimg1{
    position: absolute;
    width: 20%;
    margin-left: 7%;
    margin-top: -23%;
}

.Tamanhoimg2{
    position: absolute;
    width: 20%;
    margin-left: 40%;
    margin-top: -23%;
}

.Tamanhoimg3{
    position: absolute;
    width: 20%;
    margin-left: 72%;
    margin-top: -23%;
}

#preco1{
    display: flex;
    font-family: 'Inria Sans', sans-serif;
    justify-content: center;
    margin-top: 2%;
    gap: 32em;
}

#preco2{
    display: flex;
    font-family: 'Inria Sans', sans-serif;
    justify-content: center;
    margin-top: 40%;
    gap: 32em;
}

.Tamanhoimg4{
    position: absolute;
    width: 20%;
    margin-left: 6%;
    margin-top: -28%;
}

.Tamanhoimg5{
    position: absolute;
    width: 20%;
    margin-left: 40%;
    margin-top: -28%;
}

.Tamanhoimg6{
    position: absolute;
    width: 20%;
    margin-left: 75%;
    margin-top: -25%;
}

#LoremIpsum4{
    display: flex;
    flex-direction: column;
    font-size: 120%;
    font-family: 'Inria Sans', sans-serif;
    margin-top: -9%;
    margin-left: 12%;
}

#LoremIpsum5{
    display: flex;
    flex-direction: column;
    font-size: 120%;
    font-family: 'Inria Sans', sans-serif;
    margin-top: -3.7%;
    margin-left: 45%;
}

#LoremIpsum6{
    display: flex;
    flex-direction: column;
    font-size: 120%;
    font-family: 'Inria Sans', sans-serif;
    margin-top: -3.7%;
    margin-left: 78.8%;
}

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

.BtnComprar{
    background-color: white;
    color: black;
    height: 2.2%;
    width: 7%;
    text-align: center;
    text-decoration: none;
    font-family: 'Inria Sans', sans-serif;
}

.BtnComprar:hover{
    transition: all 0.2s;
    background-color: black;
    color: white;
    cursor: pointer;
}

#BtnComprar{
    display: flex;
    margin-top: 3%;
    justify-content: center;
    gap: 26.4%;
}

#Loreimpsum98{
    flex-direction: column;
    display: flex;
    justify-content: center;
    gap: 30%;
}