*{
 box-sizing: border-box;
 margin: 0;
}

header{
 background-color: #914B1A;
 height: 80px;
 width: 100%;
 justify-content: space-between;
}
.nome{
  color: #ffffff;
  font-size: 30px ;
  margin-left: 100px;
  padding-top: 20px;
  
 }

 a{
  text-decoration: none;
 }

 

.fundo{
 background-color: #431e1e;
 width: 100%;
 height: 100vh
}

.tamanho{
    color: white;
    font-size: 50px;
    position: relative;
    left: 38%;
    top: -45%;
    display: inline-block;
}

.calabresa{
 padding-top: 6%;
 margin-left: -20%;
}

.c1{
 height: 50px;
 width: 200px;
 background-color: white;
 border: solid rgb(68, 68, 68);
 display: flex;
 justify-content: center;
 align-items: center;
}

.c1:hover{
 background-color: green;
 border: solid greenyellow;
 
}

.f4{
 color: gray;
 font-size: 20px
}

.f4:hover{
    color: rgb(255, 255, 255);
}

.c2{
    height: 50px;
    width: 200px;
    background-color: white;
    border: solid rgb(68, 68, 68);
    display: flex;
    justify-content: center;
    align-items: center;
   }
   
   .c2:hover{
    background-color: green;
    border: solid greenyellow;
    
   }
   
   .f6{
    color: gray;
    font-size: 20px
   }
   
   .f6:hover{
       color: rgb(255, 255, 255);
   }

   .c3{
    height: 50px;
    width: 200px;
    background-color: white;
    border: solid rgb(68, 68, 68);
    display: flex;
    justify-content: center;
    align-items: center;
   }
   
   .c3:hover{
    background-color: green;
    border: solid greenyellow;
    
   }
   
   .f8{
    color: gray;
    font-size: 20px
   }
   
   .f8:hover{
       color: rgb(255, 255, 255);
   }

   .caixas{
    background-color: aqua;
    height: 15vh;
    width: 3.9%;
    position: relative;
    left: 40%;
    top: -300px;
   }

   .divinput{
    width: 400px;
    height: 80px;
    position: relative;
    left: 500px;
    top: -20px;
   }

   input{
    width: 500px;
    height: 30px;
   }