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


/* Estilos generales */
.contenedor {max-width: 80rem; margin: auto;}
body{font-family: Source Sans Pro ; background: floralwhite; }
h1{color: #7c7c7c; background: white; font-size: 2.2rem; text-decoration: none; text-align: left; margin: 0rem ; padding: 6rem;  }
header{background: white; display: flex; justify-content: space-around; flex-wrap: wrap; }



/* Estidos nav */
nav{ text-align: center; font-size: 0.8rem; font-weight: lighter; letter-spacing: 0.3rem;}
nav ul li{ list-style-type: none; display: inline-block; background: #ffffff;  margin: 2rem; }
nav ul li a{ color: #eae9e7; text-decoration: none ; margin: 0rem; padding: 1rem 0rem 1rem 0.5rem; display: inline-block;}
nav ul li a:hover{ color: #7c7c7c; }
h2{color: #7c7c7c; background: #ffffff; text-decoration: none; font-size: 0.8rem; margin: 3rem; padding: 3 0 0rem 1rem;letter-spacing: 0.1rem; background: floralwhite; }
h3{color: #7c7c7c; font-style: italic; text-decoration: none; font-size: 1rem; margin: 0rem; padding-bottom: 2rem; padding-top: 3rem; padding-bottom: 0.5rem;}

footer {color: #7c7c7c; font-size: 0.7rem; text-align: center; margin: 10rem 3rem 1rem 3rem; padding: 2rem; width: auto }
.pie {margin: 0rem 0rem 0.5rem 0rem; }
.linkactivo{background: white;}
.fa-home { font-size: 1rem; }

img {border-radius: 8rem; padding: 2%; width: 18%; float: left; }

.ejercicio {margin:4rem 0rem 0rem 0rem;}
.ejercicio a {text-decoration:none; text-align: center; color: #eae9e7; font-size: 1rem; border-color: #ffffff; border-style: solid; padding: 1rem 2.5rem 1rem 2.5rem; width: 15rem; margin: 3rem; }
.ejercicio a:hover{color: #7c7c7c;}


/* Estructura */
section {display: flex; justify-content: flex-start; flex-wrap: wrap; }
.nivel1{font-size: 0.95rem; color: #7c7c7c; white-space: pre-line; padding: 4%; width: 25%; }
.nivel2{font-size: 0.95rem; color: #7c7c7c; white-space: pre-line; padding: 4%; width: 25%; }
.nivel3{font-size: 0.95rem; color: #7c7c7c; white-space: pre-line; padding: 4%; width: 25%; }