/*Stylesheet

font-family: 'Abel', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Vidaloka', serif;
font-family: 'Open Sans Condensed', sans-serif;
*/


body{
    background-image: linear-gradient(180deg, #fafafa 0%, #f0f0f0 100%);
    text-align: center;
    max-width: 100%;   
    text-align: center;
    margin: auto;
    }

header {
    padding: 1%;
    max-width: 87.5%;
    margin: auto;
    margin-top: 6%;
    color: pink;
    font-family: 'Vidaloka';
    color: black;
    
}

.menu {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    
}

ul li a {
 
    
}

.materias{
    display: flex;
    justify-content: space-around;
    font-family: 'Abel', sans-serif;    
    text-align: center;       
}


ul{
    list-style-type: none;
    display: inline;
}

.foto {
    border-radius: 50%;
    box-sizing: border-box;
    max-width: 18em;
    justify-content: space-around;
}

  

footer {  
background-color: pink;
max-width: 100%;
padding: 1em 2em 2em 2em;
    margin-top: 4em;
}

/*TIPOGRAFÍAS*/

h1 {
    font-size: 40px;
    font-family: 'Vidaloka';
    text-align: center;
    color: pink;
}

h2 {
    font-size: 0.7em;
    font-family: sans-serif;
    font-style: normal;
    color: white;
    text-decoration: none;  
}

h3 {
    font-family: 'Abel';
    font-size: 1,2em;
}

h4 {
    font-size: 1em;
    font-family: 'Abel';
    text-align: center;
    color: grey;
}

/*MENU*/



.menu{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}


/*HIPERVÍNCULOS*/

a{
 text-decoration: none; 
}

a:link {
    color: black;
}

a:hover {
    color: pink;
}

a:active {
    color: grey;
}