body {box-sizing: border-box;
    padding: 0;
    margin: 0;
    background-color: black;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;}
    
    .cabeca {display: flex;justify-content: space-between;}
    
    .logo {width: 120px;
    height: 120px;
    margin-left: 5%;
    cursor: pointer;}
    #logo {position: absolute;
    color: white;
    top: 108px;
    left: 10px;
    cursor: pointer;}
    
    .conteudo {display: flex;
        justify-content: space-between;
    width: 30%;
    height: 50%;
    margin-top: 2%;
    margin-right: 45%;}
    
    .c1 {color: #FD8210;
        font-size: 20px;
    text-decoration: none;}
    .c2 {text-decoration: none;
    color: white;
    font-size: 20px;}
    .c2:hover {color: #FD8210;
    transition: 0.5s;}
    
    .cont {
    height: 2%;
    position: absolute;
    left: 85%;
    top: 2.7%;}
    
    .search {width: 25px;
    height: 50px;
    margin-right: 30px;}
    .carrinho {width: 25px;
        height: 52px;
    margin-right: 28px;}
    .user {width: 25px;
         height: 50px;}
    
.rodape {background-color: white;
border: #FD8210 solid 3px;
height: 30vh;
width: 99.7%;
margin-top: 30%;
}

.bbloc {margin-left: 2.2%;
font-size: 22px;}

.bbloc2 {height: 3vh;
    width: 20%;
background-color: black;
margin-left: 2%;
display: flex;
justify-content: end;
cursor: text;
border: #FD8210 solid 2px;
}

.sbsc {margin-top: 6px;
margin-right: 6px;}

.inscrever {width: 8%;
  display: flex;
  justify-content: center;
  align-items: center;
background-color: #FD8210;
border-radius: 8px;
height: 12%;
margin-left: 2%;
margin-top: 1%;
cursor: pointer;}

.lor {margin-left: 2%;
margin-top: 2%;}

.icones {
display: flex;
position: absolute;
width: 30%;
justify-content: space-around;
left: 55%;
top: 180%;
}

#icon {width: 10%;
height: 10%;
cursor: pointer;}

.lorem {color: white;
font-size: 25px;
text-align: center;
margin-top: 5%;}

.imagens {display: flex;
width: 10%;
height: 42vh;
margin-left: 45%;
margin-top: 5%;
justify-content: space-around;
gap: 30px;}