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

body{   
background: #e4e4ff ; text-align: center;}

/*Header*/  

header{  
    padding-top: 2rem;
}




/* Estilo del Nav */

nav {
	flex-wrap: wrap;
    flex direction: row; 
	justify-content: center; 
    padding-top: 2rem;
    box-sizing: border-box ;
    }


li  { display: inline-block;
    padding: 0.8rem 1.5rem 1rem 1.5rem;
    letter-spacing: 0.1rem;
    font-size: 1rem;
    color:beige;
    border: 0.15rem solid #fff;
     
   }


li:hover {
    background-color: #fff; 
    color: #ff965e;  
      
}



/* Nombre */


h1 {               
    font-size: 6rem;
    color:  #8b1643;
    text-align: center;
    padding-top: 2rem        
        
    }




/* Diseño Gráfico */

  h2{ letter-spacing: 1rem ;
           color: #ff965e; 
      font-size:2rem; 
      font-variant-caps: all-petite-caps;
      padding-top: 3rem
          
      }


.materias {
           max-width:80rem; margin: auto;
           display:flex;
           flex-direction:row; 
           flex-wrap: wrap; 
           justify-content:space-around;
    
        
          }

h4 { 
    text-align: center; 
    padding-top: 8rem ; 
    font-size: 1.5rem;
    color:#8b1643;

    }


article p {
    color:#848484; 
    font-size: 1.5rem ;
    margin: 2rem 2rem 2rem 2rem ;
    padding: 1.3;}




h5{ text-align: center; 
    padding-top: 1rem ; 
    font-size: 2rem;
    color:#8b1643;

    
    }

   
        


footer {     
    
    max-height: 80rem; margin:auto;
    font-size: 1em;
    color: #aaaaaa; 
    padding-top: 10rem;
    max-width:80rem; margin: auto;
    display:flex;
    flex-direction:row; 
    flex-wrap: wrap; 
    justify-content:space-around;
    
    
    
    
    }