@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@700&family=Open+Sans&display=swap');
*{margin: 0; padding: 0; box-sizing: border-box;}


body{font-family: 'Open Sans', sans-serif; text-align: center; margin: 0; padding: 0; min-height: 100vh;}

h1{font-family: 'IBM Plex Mono', monospace; color: black; font-size: 3rem; font-weight: 400;}
body h2 h3{font-family: 'Open Sans', sans-serif; margin-left: 5%;}
h2{color: black; font-kerning: none; font-size: 1.5rem;text-align:center;box-sizing: border-box; padding: 2%;}
h3{box-sizing: border-box;font-family: 'IBM Plex Mono', monospace; text-align: left; margin: auto; font-size: 1.5rem; }
h5{font-weight: bold; color: black; font-kerning: auto; font-size: 1.5rem;text-align:center;box-sizing: border-box; padding: 2%;}
h6{box-sizing: border-box;font-family: 'IBM Plex Mono', monospace; text-align: left; margin: auto; font-size: 1.2rem;}



.titulo{ color:coral;text-align: left;font-size: 2rem;margin-left: 5%;text-decoration: underline;}
.titulo_1{color: coral;text-align: left;font-size: 1.5rem;margin-left: 5%;padding-top: 4%;text-decoration: underline;}


header{background: CORAL; font-family: 'IBM Plex Mono', monospace; padding-top: 15px; padding-bottom: 15px;}

.foto{border-radius: 5rem 5rem 5rem 5rem;}



nav{ background: rgba(255, 127, 80, 0.59); padding: 1rem; border-top-color: #ffebe3;}
nav ul li{display: inline-block;}
nav ul li a{color: #fff; text-decoration: none; padding: 0.1rem;}
.link-activo{background: #ffa483;}
.menu{padding-top: 10px; padding-bottom: 5px;font-family: 'Open Sans', sans-serif;text-align: center;}
ul{font-family: 'Open Sans', sans-serif;color: #5d48ff; padding: 0.1rem;}



.niveles{background: #fff; font-family: 'Open Sans', sans-serif; width:415.625px; margin-left: 5%; padding-bottom: 2%; padding-left: 2%; padding-top: 2%; min-height: 8rem; border-radius: 1rem 1rem 1rem 1rem; box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.25); text-align:left;}




.columnas{display: flex;}

.alumne{font-family: 'Open Sans', sans-serif; font-weight: 100; text-decoration: none; color: #5d48ff; font-size: 1rem; padding: 0.5rem; display: inline-block; margin: 0.5;} 
.alumne:hover{background: #ffa483;} 

span {font-family: 'Open Sans', sans-serif; font-weight: 500;color:  rgba(93, 72, 255, 0.71); font-style: normal; font-kerning: auto;}

 

aside{ font-family: 'Open Sans', sans-serif; font-size: small; padding-left: 5%; padding-bottom: 20px;padding-top: 100px;padding-right: 5%;}
footer{background: CORAL; padding-top: 10px; padding-bottom: 20px; }
footer p{color: #fff; font-size: small; font-family: 'Open Sans', sans-serif; padding-bottom: 20px; padding-left: 5%; padding-right: 5%;}
footer a{font-family: 'Open Sans', sans-serif;color: #5d48ff; text-decoration: none;font-family: 'Open Sans', sans-serif; }

.contenedor{max-width: 75%; margin-left: inherit;}