@ charset "utf-8";
/* Css document */

@import url(http://fonts.googleapis.com/css?family=Lato:400,700,400italic);



*{
margin 0;
padding: 0;

}


body{
     background-color: black;
}

header{
       background-color: lightcoral;
       width: 800px;
       margin: auto;
       
       
}

footer{
       background-color: red;
       width: 800px;
       height: 40px;
       margin: auto;
       margin-top: 15px;
       padding-top: 5px;
       padding-left: 5px;
       font-family: 'Lato';
       font-weight: 400;
       font-style: italic;
       font-size: 9pt;
       text-align: center;
       color: white;
      
     
}

#nombre{
          background-color: crimson;
          width: 800px;
          height: 35px;
          margin: auto;
          font-family: 'Lato';
          font-weight: 700;
          text-align: center;
          color: white;
          
          
          
}

#materias1{
          
          background-color: lightcoral;
          width: 800px;
          height: 200px;
          margin: auto;
          padding-top: 5px;
          padding-left: 5px;
          font-family: 'Lato';
          font-weight: 400;
          color: white;
          
          
          
        
} 


#foto{
        float: inherit;
        display: flex;
        justify-content: center;
       
}

h2,h3{
    
        font-family: 'Lato';
        font-size: 12pt;
        font-weight: 700;
        color: crimson;
}


a{
        padding-left: 25px;
        text-align: center;
        text-decoration: none;
        font-family: 'Lato;
        font-weight:400;
        color: white;
   
   
    
}

p{
        font-size: 12px;
}


ul li a{
          
          background-color: lightcoral;
          margin: 5px;
          text-align: center;
          display:inline-table;
          font-family: 'Lato';
          font-weight: 400;
          
}

li a:hover{
           
           font-size: 18px;
           font-weight: 700;
           color:crimson;
}

nav{ 
           background-color: lightcoral;
   
}

nav ul li{
         
           float: left;
           
}

nav ul{
          overflow: auto;
          list-style-type: none;
         
}