@import url('<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700;800&display=swap" rel="stylesheet">');

*{padding: 0; margin: 0; box-sizing: border-box; transition: 1s all;}

/* Estilos generales */

body{ font-family: 'Barlow', monospace; margin: 0;} 
body{background:#edf7ff;} 
header { color: #e9a8a7; background: #01579b; padding: 2rem; text-align: center;  }
header h1 {font-family: 'Barlow', monospace; text-align: center; }
.minombre { font-size: 1.5rem; font-family:'Barlow', sans-serif; color: #e9a8a7;text-align: center; }
.imagen{ display: flex; margin: 2rem 3rem 1rem 3rem; justify-content: center; }
.Datos {background: #4b589d; padding: 1rem; text-align: center; font-size: 1.5rem;}
nav { background: #01579b; padding: 1rem; font-size: 1rem; }
nav ul li a { color: aliceblue; text-decoration: none; font-size: 1rem; }

nav ul li { display: inline-block; }
nav ul li a { color: aliceblue; text-decoration: none; font-size: 1rem; }
section article img {border-radius: 100%; height:100%;}


#navegar li a:hover { background-color: #e9a8a7; color: #848BE8 ; text-align: center; justify-content: center; padding: 1rem } 
article {font-family: 'Barlow';font-weight: 400; font-style: normal;}


h1{font-family: 'Barlow', monospace; font-size: 1.6rem; font-weight: 800; margin: 1.5rem; color: #01579b; }
h2{font-family: 'Barlow', monospace; font-size: 1.2rem; font-weight: 700; padding: 1rem; color: #e9a8a7; }
h3{font-family: 'Barlow', monospace; font-size: 1.6rem; font-weight: 700; margin: 1.5rem; color: #01579b; }
h4{font-family: 'Barlow', monospace; font-size: 1.2rem; font-weight: 700; padding: 1rem; color: #e9a8a7; }
h5{font-family: 'Barlow', monospace; font-size: 1.2rem; font-weight: 400; padding: 1rem; color: #01579b; }

.materiasaprobadas{font-size: 1rem;color: #e9a8a7; text-align: center; font-weight: 500 ;justify-content: center ; background: #e9a8a7 ;text-align: center; padding: 1rem; box-sizing: border-box}
.columna1{background: #edf7ff; background:center ; font-size: 1rem; text-align: center; font-weight: 400; }
.columna2{background: #edf7ff; font-size: 1rem; text-align: center; font-weight: 400; }
.columna3{background: #edf7ff; font-size: 1rem; text-align: center; font-weight: 400; }
.Datos{ background: center}

main article p {color: #797b88; padding: 1em; text-align: center;}

footer { background: #848BE8; padding: 1rem;}
footer p{ font-size: 0.8rem; font-family: 'Barlow'; font-weight: 400; text-align: center; } 


/* cuando es mayor a 768px */
@media screen and (min-width:48rem){
    
    nav { background: #848BE8;}
    nav ul li a {font-size: 1.3rem}
    #navegar li a:hover {background-color: #e9a8a7;}



@media screen and (min-width:48rem){
    .materias {display: flex; margin: 2rem 3rem 1rem 3rem; justify-content: center;}
    .columna1 {width:33.3%;}
    .columna2 {width:33.3%;}
    .columna3 {width:33.3%;}
}