*{ margin: 0; padding: 0;}


/* estilos nav*/ 
 .inicio {background-color: rgba(242, 116, 116, 0.25); height: 4rem; margin-bottom:2rem;}
.inicio {margin-left: 2rem; text-align: center;}
.inicio li {display:inline-flex; padding: 1rem; ; text-decoration: none;}
.inicio a {text-decoration: none; margin-top: 0rem; color: #070707; font-weight: bold;}
.inicio a:hover {color: #fd7171;}


/* Estilos de section */


.foto{width: 50%; font-size: 0.5; font-weight: 10;}
.foto img{width:225px; height: 225px; display: block; margin-bottom: 2rem; margin-top: 0.5rem; margin-left: 82%; margin-top: 1rem; border-radius: 51%;}

h1{font-family: 'Century Gothic', sans-serif; font-weight:050; color: rgba(7, 7, 7, 0.9); font-size:3rem;  text-align: center; padding:2rem; margin-top: 0.5rem; margin-bottom: 0.25rem;}

h2 {color: rgba(242, 116, 116, 0.49); font-size: 30px; justify-content: center; margin: 2rem; display: flex; font-family: 'Century Gothic', sans-serif}
h3{width: 100%;}
.subtitulo{font-weight: 700; font-size: 1,25rem;}
.materias {display: flex; justify-content:center;}
.nivel1{background-color: rgba(242, 116, 116, 0.25); width: 29%; padding:1rem; line-height: 1.5; font-size: 0.85; align-content: center; font-family: 'Century Gothic', sans-serif}

.nivel2{background-color: rgba(242, 116, 116, 0.25) ; width: 29%; padding:1rem;line-height: 1.5;font-size: 0.85; align-content: center; font-family: 'Century Gothic', sans-serif}

.nivel3{background-color: rgba(242, 116, 116, 0.25) ; width: 29%; padding:1rem;line-height: 1.5;font-size: 0.85; align-content: center;font-family: 'Century Gothic', sans-serif}



/* Estilos footer*/ 
footer{ font-family: 'Century Gothic', sans-serif; font-size: 0.75rem; font-weight: 400; background: rgba(204, 204, 204, 0.7); color: rgba(0, 0, 0, 0.5); padding: 1rem; margin: 1rem; display: flex; flex-wrap: warp; justify-content: space-between;}
footer {color: rgba(7, 7, 7, 0.9); font-size: 0.7rem; text-align: center; margin:8rem 0rem 2rem 0rem; padding: 2rem; width: auto }