@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,600');

html
{height: 100%; }


body
{ font-family: 'Oswald', sans-serif;
  background: aliceblue ;
    justify-content: center ; text-align: center ; text-decoration: none;
        
}

.menu 
{ background-color: black ; 
    padding: 0.5rem ; 
    margin: auto ;
     font-family: sans-serif ; color:aliceblue;  }

.menu nav ul li 
{ display: inline; list-style-type: none ; }

.menu nav ul li a 
{ font-family: 'oswald' ; font-style: bold ; color:aliceblue ;   margin: 10 auto 10 auto }

.menu nav ul li a:hover {
    background: yellow ; 
   font-style: italic ; color: black ;
}

img.foto  
{   width: 15% ;
    border-style: solid ; border-width: thick ; border-color: black ;
    image-orientation: center ;   
   
}


.nombre h1
{font-style: normal ; text-align: center ;
 
}
 
section h2
{   font-style: italic ;
} 
section p a
{font-style: normal ; text-align: center ; color: black;
    background-color: yellow; padding: 0.5rem ; 
    margin: auto ;
}
section p a:hover {
    background: aliceblue ;   }

.materias
  {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}
 


.materias h3
{
  font-family: 'oswald'; 
    text-align: center;
    
} 

.materias article  
{   background-color: black;
    padding: 1rem 1rem;
    margin: 1rem 1rem;
    width: 220px;
    color: aliceblue ;
   list-style-type: none ;
   text-align: center;
    text-decoration: none;   }
  

.materias article h3

{
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: stretch; }


.materias article ul li 
{ font-family: 'oswald' ; text-decoration: none ;
    list-style-type: none ;
    flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: stretch; 
    } 



.datos
{     width:auto ; 
    display: inline ; list-style-type: none ; padding: 0.5 ;
}
 
.datos ul li 
{  font-family: 'oswald' ; text-decoration: none ;
    list-style-type: none ; display:list-item ; padding: 0.5rem; margin: auto; 
        
} 
.datos ul li h3
{  font-style: normal; text-align: center ; color: aliceblue;
    background-color: black; padding: 0.5rem ; 
    margin: auto ;
     
    }



  

.footer 
{    font-family: sans-serif; font-style: italic ;  color: aliceblue;
    background-color: black ; 
    padding: 0.5rem ; 
    margin: auto ;
    font-size: 0.80rem ;
}