* {margin: 0; padding: 0;box-sizing: border-box;max-width: 100%}

/* Estilos Generales */
body{background-color: white;}

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

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

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

header h3 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}



/*nav*/
.ejercicio {padding-bottom: 0.5rem; padding-top: 0.5rem; text-align: center; background-color: black}

.ejercicio ul li a {text-decoration: none; font-family: 'Open Sans'; font-weight: 800; font-size: 1.2rem; color: crimson}

.ejercicio ul li a:hover {color:white}

/*nombre*/ 
.datos {align-items: center; justify-content: center; color: black; padding-top: 5rem; padding-bottom: 8rem; background-color: crimson}

.foto {display: flex;justify-content: center;}
.foto img {box-sizing: content-box; align-items: center; align-content: center;height: 400px; width: 400px; border-radius: 100%; filter: grayscale(100%);transition: .2s ease-in-out;}
.foto img:hover {filter: grayscale(0);}

.nombre {justify-content: center; text-align: center; margin-top: 3rem}
h2{ font-size: 8rem; font-family: 'Open Sans'; font-weight: 800; color: black; line-height: 8.5rem}
h2:hover {color: white}

.nombre p {font-size: 1.5rem; font-family: 'Open Sans'; font-weight: 300; color: white; margin-top: 2rem;text-decoration: none}

/*materias cursadas*/
.materias {padding-top: 5rem; background-color: #dcf4ff}

.contenedor_niveles {display: flex; flex-wrap: wrap; justify-content: center}

.materias_cursadas {font-size: 3.5rem; margin-bottom: 2rem; font-family: 'Open Sans'; font-weight: 800; text-align: center; color: crimson}

.titulos {font-size: 2rem; margin-bottom: 2rem;font-family: 'Open Sans'; font-weight: 800; color: blue}

.tres {font-size: 2rem; margin-bottom: 2rem;font-family: 'Open Sans'; font-weight: 800; color: gray}

.niveles {vertical-align: top; text-align: left; padding: 5rem}

.niveles p {font-size: 1.5rem; margin-bottom: 1rem; font-family: 'Open Sans'; font-weight: 300; text-decoration: line-through crimson}

.niveles p:hover {text-decoration: none}

p.tipo {text-decoration: none}


/*Estilos datos academicos*/
.datos_academicos {text-align: center; padding-top: 2rem; padding-bottom: 5rem; background-color: #dcf4ff}
.datos_academicos h3 {margin-top: 2rem; color: crimson;font-family: 'Open Sans'; font-weight: 800; font-size: 2rem; margin-bottom: 2rem}
.datos_academicos p {line-height: 2.5rem; font-family: 'Open Sans'; font-weight: 400}

/*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}