@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700&display=swap');

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


body { font-family: 'Roboto', sans-serif; }


/* NAV - Vínculos */
nav { background: #000000; padding: 1rem; }
nav ul li { display: inline-block; }
nav ul li a {color:#ffffff; text-decoration: none; padding: 1rem;}
.link-activo {background: #171717;}

/* HEADER - Datos personales */
.header-perfil {display: flex; align-items: center; background: #171717; padding: .5rem;}
.header-perfil div {margin-left: 1rem; }

.imagen-alumno {display: block; border-radius: 3rem; width: 5rem; height: 5rem;}
.nombre-alumno {font-size: 2rem; font-weight: 700; color: #ffffff;}
.grupo-alumno {font-size: 1rem; font-weight: 500; color: #c4c4c4; text-decoration: none;}

/* MAIN - Materias aprobadas */
.datos-materias { padding: 1rem; background: #ffffff; color: #000000; font-weight: 300;}

/* FOOTER */
footer p {padding: 1rem; font-size: 0.7rem; font-weight: 300; color: #ffffff; background: #000000;}



/* Cuando es mayor a 768px */
@media screen and (min-width: 48rem) {
}