@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');


body 
{ 
font-family: 'Roboto', sans-serif;
}

header 
{
background-color: #E3C6DC;
font-family: 'Fjalla One', sans-serif;
padding-top: 3rem;
}

header img 
{ 
border-radius: 6rem ; 
display: block;
margin-left: auto;
margin-right: auto;
}

h1 
{
margin-top: 0rem;
background-color: #E3C6DC;
padding: 1rem;
font-size: 3rem;
font-weight:normal;
color:#ffffff;
text-align: center;
align-content: stretch; 
font-family: 'Fjalla One', sans-serif;
}


nav ul 
{
padding: 1rem;
text-align: center;
}
nav ul li
{  
text-align: center;            
list-style-type: none;
display:inline-block;
font-family: 'Fjalla One', sans-serif;
font-size: 1rem;
}

h2
{
font-family: 'Open Sans Condensed', sans-serif;
font-size: 15px;
text-align:center;
color: floralwhite;
      
}

.materias{
display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: baseline;
	align-content: center;
    margin: 0 rem, 2rem;
    font-size: 1rem;
    margin-top: rem;
        
}

article h3 {

	font-size: 1.5rem;
	padding: 1rem;
    text-align: center;
    box-sizing: border-box;
    width: 15rem;
    
    }

h3
{
background-color: #AFD6F3;
padding: inherit;
color:floralwhite;
padding:1rem;
text-align: center;
font-family: 'Anton', sans-serif;
font-weight:normal;
    
}


li
{
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 11px;
text-align: center;
list-style-type: none;
line-height: 2rem;

}

.datosobligatorios {
    padding: 1rem;
    text-align: left;
    font-size: 12px;
}

footer 
{
margin-top: 5rem;
background-color: #E3C6DC;
font-family: 'Open Sans Condensed', sans-serif;
color: black;

}