@import url('https://fonts.googleapis.com/css2?family= Lora & family= Suez+One & display=swap') ;
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');

* {
   margin: 0;
   padding: 0;
}

body {
     width: auto; 
     height: 100%; 
     text-align: center;
}

.header {
     padding: 10px; 
     background-color: #088004;
     font-family: 'Suez One', serif;
 }

.titulo_principal {
   color: #FFFFFF ;
}

.texto_principal { 
     margin: 0;
     padding: 10px;
     background-color: #FFFFFF;
     font-family: 'Patrick Hand', cursive;}

.cabecalho {
   display: none;
}

.cabecalho .opcao{
   list-style-type: none;
}

.cabecalho .itens{
  display: block;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  background-color: #83bb73;
  color: #000000;
  border-top: 2px solid #369d2a;
  cursor: pointer;
}

.cabecalho .itens:hover{
   background-color: #079900;
}

i#hamburguer {
   background-color: #079900;
   color: #FFFFFF;
   display: block;
   text-align: center;
   cursor: pointer;
}

i#hamburguer:hover {
   background-color: #639a55;
   color: #FFFFFF;
}

.imagens { 
     height: 200px;
     box-shadow: 10px 10px 16px #00000070; 
     border-radius: 10px; 
 }
 
.reciclagem {
   height: 200px;
}
 
.referencia {
   font-size: 9px;
   color: #949494;
   text-decoration: none;
   margin-top: 10px;
}

.texto_principal .paragrafo {
  line-height: 1.5; 
} 

a {
  text-decoration: none;
  color:  #949494;
}