/*------------Cuerpo------------*/

* {
box-sizing: border-box ;
font-family: 'Libre Baskerville', serif;
text-decoration: none ;
list-style: none ;
margin: 0 ;
padding: 0 ;
border: 0 ;   
}

body {
display: flex ;
flex-direction: column ;
}

.todo {
display: flex ;
flex-direction: column ;
}


/*------------Header------------*/

header {
background-color:#000000 ;
color: white ; 
padding-bottom: 1em;

}

header a {
margin: .2em ;
padding: .5em ;
display: block ;
color: #ffffff ;
}

header .navegador a li {
text-shadow: .2em .1em .3em ;
    
}

#redes ul {
display: flex;
flex-wrap: wrap ;
flex-grow: 1 ;
justify-content: space-between ;

}

/*------------Navegador------------*/

.navegador {
display: flex ;
flex-grow: 1 ;
justify-content: space-between ;
align-content: center ;
flex-direction: row ;
text-align: center ;
}

header .navegador a:hover {
color: #d10808 ;
background-color: #ffffff ;
border-radius: 2em ;
padding: .5em ;
}

/*------------Main------------*/

main {
padding: .5em ;
    
background: repeating-radial-gradient(black, black .1em, white .9em, white .9em);
    
color: #000000;
display: flex ;
flex-direction: column ;
align-self: center ;


}

.titulo {
background-color: #ffffff ;
padding: .7em 3em .7em 3em;
margin: 1em ;
text-align: center;
align-self: center ;
font-size: 1.5em ;
text-shadow: .2em .1em .3em ;
box-shadow: .2em .1em .7em ;
border-radius: 5em ;
max-width: 40em ;

}

.bloque1 {
background-color: #ffffff ;
padding: 2em ;
max-width: 90% ;
text-align: center ;
align-self: center;
box-shadow: .2em .1em .3em ;
border-radius: 5em ;
}

.bloque1 h2 {
margin-bottom: .5em ;
text-shadow: .2em .1em .3em ;
}

.titulo2 {
margin: 1em ;
    text-shadow: .2em .1em .3em ;
    
}

.bloque2 h3 {
margin-bottom: .5em ;
    text-shadow: .2em .1em .3em ;
}

#materiashechas {
background-color: #ffffff ;
padding: 2em ;
margin: 2em 0em 2em 0em ; 
max-width: 90% ;
text-align: center ;
align-self: center;
box-shadow: .2em .1em .3em ;
border-radius: 5em ;
} 

.bloque3 {
margin-top: 2em ;
}

.bloque3 h3 {
margin-bottom: .5em ;
    text-shadow: .2em .1em .3em ;
}

.bloque4 {
margin-top: 2em ;
}

.bloque4 h3 {
margin-bottom: .5em ;
text-shadow: .2em .1em .3em ;
}

.bloque5 {
padding: 2em ;
max-width: 90% ;
text-align: center ;
align-self: center;
background-color: #ffffff ;
box-shadow: .2em .1em .3em ;
border-radius: 5em ;
}

.bloque5 h2 {
margin-bottom: .3em ;
text-shadow: .2em .1em .3em ;
}

.bloque6{
background-color: #ffffff ;
padding: 2em ;
margin: 2em 0em 2em 0em ; 
max-width: 90% ;
text-align: center ;
align-self: center;
box-shadow: .2em .1em .3em ;
border-radius: 5em ;
}

.bloque6 h2 {
margin-bottom: .5em ;
text-shadow: .2em .1em .3em ;
}

.bloque6 ul a li {
text-decoration:underline ;
list-style: none ;
color: #000000 ;
margin: .5em;
}

.bloque6 ul li:hover {
color: #d10808 ;
background-color: #ffffff ;
border-radius: 2em ;
}

.bloque6 ul {
display: flex
}

#datosacademicos {
background-color: #ffffff ;
padding: 2em ;
margin-bottom: 2em ;
max-width: 90% ;
text-align: center ;
align-self: center;
box-shadow: .2em .1em .3em ;
border-radius: 5em ;
}

#datosacademicos h2 {
margin-bottom: .5em ;
text-shadow: .2em .1em .3em ;
}



/*------------Footer------------*/

footer {
background-color: #606060 ;
color: white ;
padding: 1em ;
}

.barraimg ul {
display: flex ;
justify-content: space-between ;
background-color: rgb(145, 145, 145)
}

footer p {
margin-top: 1em;
}


/*------------MediaQuerys------------*/

@media (min-width: 35em) {
    
    #maincelular {
        display: flex;
    }
    
    #maincelular header {
    display: flex ;
    flex-direction: column ;
    }
    
    #maincelular header #redes ul {
    display: flex ;
    flex-direction: column ;
    }
    
    #maincelular header .navegador {
    display: flex ;
    flex-direction: column ;
    justify-content: flex-start ;
    }
    
    #maincelular header .navegador a {
    margin-top: 3em ;
    }
    
    #maincelular main {
    display: flex ;
    flex-direction: row ;
    flex-wrap: wrap ;
    justify-content: space-around ;
    }
    
    #maincelular main .bloque5 {
    height: 45em ;
    }
    
}