* {box-sizing: border-box; padding: 0; margin: 0; font-family: Nexa; color:#794479; font-weight: 450;}

a{text-decoration: none;}
header {background: #dbdbdb;}
header h1 {font-weight: bold; font-size: 10rem; margin: 2.5rem 0 0 0; }
header nav ul {color:rgb(253, 233, 73);}
header nav ul li {list-style-type: none;}
header nav ul li {padding: 1rem;}
header nav { background:rgba(224, 219, 219, 0.72); }

header h3 {font-size: 5rem; color: #ffffff;}

main {background: #fbfdb9;}

.menu { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start; align-content: stretch;}


.compas {list-style-type: none;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; align-items: flex-start; align-content: stretch; padding: 2rem; margin: 1rem 10rem 0 10rem; font-size: 1.5rem; color: black; }

section {background: #fbfdb9;}


h1{text-align: center; font-size: 7rem;;color: #fbfdb9;}
li {font-size: 1.5rem;}
h2{text-align: center; color: #794479; font-size: 2rem; margin: 2rem;}
h3{text-align: center; font-size: 1rem; color:#794479; margin: 2rem 0 2rem 0;}

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

h4 {font-weight: bold; margin: 1.5rem 0 0 0;}

.foto img {border-radius: 100%;max-width: 100%; width: 250px;height: 250px; display: block; margin-left: auto;margin-right: auto;}


footer {background: #fbfdb9; color:#fc93fc; font-size: 0.7rem; padding: 4rem;}