/*Body*/
body {background-image: url(https://data.1freewallpapers.com/download/abstraction-watercolor-pale-art-2880x1800.jpg); font-family: 'Noto Sans HK', sans-serif; text-align: center; }
body h1{background: #d4d8f1; border-radius: 5rem; font-family: 'Italiana', serif; font-size: 3rem;}
body nav a { color: black; background: #d4d8f1 ; border-radius: 2rem; font-size: 1.2rem; text-decoration: none}

/*Html*/
html {font-family: 'Noto Sans HK', sans-serif; text-align: center;} 

/*Foto*/
.imagenalumno {width: 200px; height: 200 px; border-radius: 50%; margin-top:1rem}

/*Materias aprobadas*/
.mat {;margin: 0.5rem;margin-top: 0.5%;padding: 0.5rem; min-height: 3rem; border-radius: 2rem;box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.67);display: inline-block; font-size: 1.8rem; }
.materias{padding: 0rem;margin:0rem; display: inline-flex; justify-content:center;}
.nivel1{;margin: 2rem;margin-top: 2%;padding: 0.5rem; min-height: 8rem; border-radius: 2rem;box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.67);; font-size: 1.4rem; text-align: left}
.nivel2{;margin: 2rem;margin-top: 2%;padding: 0.5rem; min-height: 8rem; border-radius: 2rem;box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.67);; font-size: 1.4rem; text-align: left}
.nivel3{;margin: 2rem;margin-top: 2%;padding: 0.5rem; min-height: 8rem; border-radius: 2rem;box-shadow: 0rem 0rem 2rem rgba(0,0,0,0.67); ; font-size: 1.4rem; text-align: left}


/*Datos académicos*/
.datos {background:#fadce6 ; border-radius: 2rem; font-size: 1rem; padding: 1rem; margin: 1rem; display: inline-flex; justify-content:center}
hr{margin:auto;}
.logos{	display: center; justify-content: space-between; align-items: center; align-content: stretch; width: 450px; height: 90px; margin-top: 1rem;}

/*Integrantes*/
.article {background:#d4d8f1; border-radius: 2rem; font-size: 1rem; padding: 1rem; margin: 1rem; display: inline-flex; justify-content:center; font-family: 'Noto Sans HK', sans-serif}
.subtitulointegrantes { color: black;display: block;font-size: 120%;background-color: #fadce6;text-align: center;border-radius: 1rem;margin: 1rem;font-size: 100%;}
.integrantesbloque { background: #d4d8f1  ;border-radius: 1rem;padding: 1rem;}
.alumno{font-weight:normal;text-decoration: none; color:black;font-size:1rem;}
.alumno:hover { background:#fadce6}
.alumno .negrita { font-weight: bold;}


/*Footer*/
footer p{ background: #d4d8f1 ; font-size: 0.9rem;}