*{margin: 0; padding: 0; box-sizing: border-box}

/* Estilos Generales */
body{font-family: 'Open Sans'; font-weight: 300}

/*header*/
header {margin: 0 auto; padding-top: 1rem; padding-bottom: 1rem; background-color: white}

header h1 {text-decoration: none; text-align: center;font-family: 'Open Sans'; font-weight: 300; color: blue}

header h1 a {text-decoration: none; font-size: 4rem}
header h1 a:visited {color: blue}
header h1 a:hover {color: crimson}


/*Estilos de nav*/
nav {text-align: center; background-color: blue; padding: 1rem 0rem 1rem 0rem}
nav ul li {list-style-type: none; display: inline-block}

nav ul li a {text-decoration: none; font-size: 1.2rem; color: white; padding:1rem 4rem 1rem 4rem; font-family: 'Open Sans'; font-weight: 300; transition: 0.3s ease}
nav ul li a:hover {background-color: white; color: blue}

/* list-style-type: saca los puntos de la lista, 
text-decoration es para sacar el subrayado del link, 
inline block para que quede uno al lado del otro*/

/*Estilos de Integrantes*/
.contenedor_alumnos {display: flex; justify-content: center; padding-top: 5rem; padding-bottom: 5rem}

.integrantes {font-family: 'Open Sans'; font-weight: 800; font-size: 1.5rem; text-align: center; margin-bottom: 3rem}
.integrantes:hover {color: crimson}

.nombreblur {width: 250px; height: 250px; display: inline-block; margin-left: 3rem; margin-right: 3rem; position: relative}
.nombreblur a img {height: 100%; width: 100%; border-radius: 100%;}

.nombreblur :not(img):not(a) {position: absolute; text-align: center; width: 100%; top: 40%; color: white; font-family: 'Open Sans'; font-weight: 400; font-size: 1.5rem; opacity: 0; transition: 0.8s ease}

.nombreblur a {transition: 0.8s ease}
.nombreblur a:hover :not(p) {filter: blur(2px) brightness(60%) }
.nombreblur:hover :not(img) :not(a)  {opacity: 1}

/*Estilos datos academicos*/
.datos_academicos {text-align: center; padding-top: 2rem; padding-bottom: 5rem;}
.datos_academicos h3 {margin-top: 2rem; color: crimson}
.datos_academicos p {line-height: 2.5rem}


/*footer*/
footer{ background-color: black; display: flex; flex-wrap:wrap;  justify-content: center}
.datos_obligatorios {max-width: 1200px; color:white; font-family: 'Open Sans'; text-align: center; padding: 3rem 0rem 3rem 0rem; font-size: 0.8rem}