html {
   
}

body {
    margin: 0 auto;
    padding: 2em 2em 4em;
    max-width: 880px;
    font-family: "Helvetica Neue", Helvetica;
    background-color: white;
}



<!-- HEADER -->
nav {
  width: auto;
  margin-top: 65px;
}

ul li {
    
    display: inline;
}

.menu1{
  margin: 0px;float: right; padding-right: 20px;
}
    

 ul li a{
  color: cornflowerblue;
  font-family: Fira Sans, arial, sans-serif;
  text-decoration: none;
  font-size: 12px;
  padding: 15px;
  border-style: solid;
  
    }



nav ul li a:hover {
    color: white;
    background: antiquewhite; 
    padding: 15px;
}


h1{
    text-align: left; 
    color: white;
    font-size: 40px;
   background-color: antiquewhite;
    padding: 20px;
    margin: 15px;
   }


#imagenes{
padding: 1em;}



#gif{
float:right;
    width: 55.7%;
}

#fotoface{
width: 41.5%%;
}





#info{
  padding-bottom: 20em;
  height: 0em;

}

.proyecto {
    font-size: 20px;
    padding: 15px;
    color: salmon;
    margin-top: 10px;
    text-align: left;}





section{
    
    line-height: 1em;  
    border-style: solid;
    color: antiquewhite;
    padding: 5px;
    
}    


.materias{
   float:left;
  width: 22em;}




h2 {
    font-size: 20px;
    color: cornflowerblue;
    padding: 5px;    
}




p{
    
    font-size: 10px;
    color: black;
    padding: 5px;  
    margin-left: 5px;
    margin-top: 10px;
    
}
    
    
.catedra {
    float: left;
    height: 191px;
    width: 15em;
    margin-left: 1em;

}
    

h3 {
    font-size: 20px;
    color: cornflowerblue;
    padding: 5px;
}


#red{
   float: right;
  margin-top: 2em;
}


footer{
    
    font-size: 10px;
    color:#bcb9b9;
    width:880px;
    text-align: center;
    
    }
.tit_carta{
    padding-top: 2em;
    text-align: center;
    line-height: 2em;
}

.explic_1{
    font-size: 10px;
    padding: 5px;  
    margin-left: 5px;
    }