body {
   background-color: #e6f2ff;
      
}

.titulo {
    
    font-size: 4em;
    color:darkblue;
    
}

.contenido{
    background-color: #80bfff;
    padding: 0.2em;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}

.noticias{
    background-color: #80bfff;
    padding: 0.2em;
    width: 20em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);   
}

.publico{
    
  background-color: #80bfff;
    padding: 0.2em;
    width: 20em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);       
}

.objetivo {
    
  background-color: #80bfff;
    padding: 0.2em;
    width: 20em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);       
}

.metas {
    
  background-color: #80bfff;
    padding: 0.2em;
    width: 20em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);       
}

.atrayente {
    
  background-color: #80bfff;
    padding: 0.2em;
    width: 20em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);       
}

.tono{
    
  background-color: #80bfff;
    padding: 0.2em;
    width: 20em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);       
}

.extras {
    
  background-color: #80bfff;
    padding: 0.2em;
    width: 20em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);       
}

.secciones {
    
  background-color: #80bfff;
    padding: 0.2em;
    width: 20em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);       
}

.logofadu {
    width: 20%;
    height: 20&;
 
}

footer {
   background-color: lightgray;
   margin: 2em 0 0 0 ;    
font-size: 0.5em;
}