* {margin:0; padding:0}
.contenedor{ max-width: 200rem; margin: auto;}

a {text-decoration: none}

a:link {color: #464646;}

a:visited {color: #464646;}

ul {list-style-type: none}

/* GENERAL */

body {display: block;
    border: 10rem solid #b3c6ac;border-top-color: #b3c6ac;border-top-style: solid;border-top-width: 2rem; border-right-color:#b3c6ac; border-right-style: solid; border-right-width: 2rem; border-bottom-color: #b3c6ac;
    border-bottom-style: solid; border-bottom-width: 1rem; border-left-color: #b3c6ac; border-left-style: solid; border-left-width: 2rem; background: beige;}

/* MENU */

.menu {font-family: "arial", monospace; text-transform: uppercase;font-size: 1rem;text-align: left;letter-spacing: 0.2rem;}
nav ul li {display: inline-table;padding: 0.5rem;}

.menu li a:hover {background: #b3c6ac;font-family: "arial"; color: beige; font-size: 1rem; text-align: left; letter-spacing: 0,5rem; padding: 1rem;}
.rotulos {font-family: "arial", monospace; text-transform: uppercase; border-bottom-left-radius: 1rem;font-size: 0.75rem; text-align: center; letter-spacing: 0.5rem;}
.rotulos li a:hover {font-family: "arial", monospace; text-transform: uppercase; font-size: 1rem; text-align: center; letter-spacing: 0.5rem; color: #b3c6ac;}
.linkactivo {background: #b3c6ac;}
.linkactivo a:hover {color: beige;}

/* PERFIL */

.perfil {text-align: center;}
.perfil h2{font-family: 'arial', serif;font-size: 2rem;color: #464646; margin: 1rem;}
.perfil p a{font-family: "arial", monospace; font-size: 1rem; color: black;}
.perfil p a:hover {font-family: "arial", monospace; font-size: 1rem; color: #b3c6ac;}

img {text-align: left;width:100%; border-radius: 0;}


/* MATERIAS */

.info h3 {font-family: 'arial', serif;font-size: 1rem; color: #464646; text-transform: uppercase; text-align: center; background:#b3c6ac; padding:0.75rem;}



/* Nivel 1 */

.primero h4 {font-family: 'arial'; color: #b3c6ac; text-align: center; letter-spacing: 0.5rem; margin: 0 0 1rem 0 ;}

.primero ul li {font-family: "arial", monospace; font-size: 0.8rem; line-height: 1.50rem; text-align: center;}

/* Nivel 2 */

.segundo h4 {font-family: 'arial', serif; color: #b3c6ac; text-align: center; letter-spacing: 0.5rem; margin: 0 0 1rem 0;}

.segundo ul li {font-family: "arial", monospace; font-size: 0.8rem; line-height: 1.50rem; text-align: center;}



/* Footer */

footer {background: #b3c6ac; padding: 2rem 10rem 1rem 10rem; margin: 4rem 0 0 0 ; font-family: "arial", monospace; font-size: 0.75rem; text-align: center; line-height: 1.5;}

/* ESTRUCTURA */

section {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: center; }

.perfil {width: 25%; margin: 3rem 3rem 3rem 7rem;}

.info {width: 50%; padding: 3rem; margin: 3rem 0 0 0;}

.materias {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; margin: 3rem 0 0 0;}