@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url(http://weloveiconfonts.com/api/?family=typicons);

*{ margin: 0; padding: 0; box-sizing: border-box; }
.contenedor{max-width: 80rem; margin:auto; background:rgb(220, 221, 245)}
body{background-color: #fff7e6; }
/* Header */
header{font-family: 'Didact Gothic', sans-serif; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 1rem; text-decoration: none; }
h3 {text-align: left; margin: 0.5rem; padding: 1.5rem 1.5rem 1.5rem 2rem; font-size: 1.5rem; }
h3:hover {background-color: #D1B9E8; }
a {color:#000000}
.typicons-left{font-family: 'Typicons', sans-serif; padding: 1rem; align-items: center; }

/* Rotulos */
nav{ text-align: right; font-size: 1.2rem}
nav ul li{ list-style-type: none; display: inline-block;  background: #fff7e6;  margin: 2rem; }
nav ul li a{ color: #6B478F; padding: 0.5rem 1rem ; display: inline-block;}
nav ul li a:hover{ background: #D1B9E8;}

/* Main */
main {font-family: 'Open Sans', sans-serif; margin-left: 2rem; }

/* Perfil */
.perfil{text-align: center; }
h2{font-size: 2rem; margin: auto; border-style: solid; border-width: thin; border-color: #6B478F; padding: 1rem; width: 40%; color: #000000;  }
img{border-radius: 50%; width: 14%; opacity: 0.9; margin-top: 2rem; }
.perfil p{margin-top: 1rem; }
.perfil p a:hover{background:#D1B9E8; }

/* Menu */
.menu{text-align: center; font-family: 'Didact Gothic', sans-serif; font-size: 1.4rem; }

/* Materias */
.materias{display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-content: stretch;
    align-items: flex-start; }
.materias{text-align: center; }
/* Primero */
.primero ul li {list-style-type: none; }

/* Segundo */
.segundo ul li {list-style-type: none; }

/* Tercero */
.tercero ul li {list-style-type: none; }

/* Footer */
footer {text-align: center; padding: 4rem; font-family: 'Didact Gothic', sans-serif; font-size: 1rem;  }