*{box-sizing: border-box; margin: 0; padding: 0; text-decoration: none; list-style: none; font-family: "Titillium Web", "Open Sans", "Roboto";}
    
body{width: 100%; display: flex; flex-direction:column; justify-content: space-between; background: #FFFFFF;}

header{height: 3rem; display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 1rem; background: #252442;}

#dgpc{display: flex; width: 5rem; justify-content: flex-start;}

header ul {display: flex; text-align: center;}

header ul li {display: flex; width: 5rem;}

header ul li a {width: 100%; height: 100%; color:#FFFFFF; display: flex; justify-content: center; align-items: center;}

header h2, h5{color: #FFFFFF; font-size: 1rem; letter-spacing: 0.2rem; display: flex; justify-content: center; text-align: center;}

header li:hover h2{color: #0FB4BB;}

header li:hover h5{color: #E3095A;}

main{display: flex; flex-direction:column; justify-content: space-between;}

.perfil{margin-top: 2rem; margin-bottom: 2rem; align-items: center; display: flex; flex-direction:row; justify-content: center;}

section h1, h3{color: #0FB4BB; display: flex; justify-content: center; align-content: center; text-align: center;}

section div h1{padding-top: 0.5rem; font-size: 2rem; letter-spacing: 0.1rem;}

#linea{width: 100%; height: 0.15rem; background-color: #E3095A; margin-top: 0.1rem; margin-bottom: 0.5rem;}

section div h3{letter-spacing: 0.1rem; font-weight: bold ; color:#252442;}

.foto{display: flex; justify-content: center; border-radius: 60rem;  width: 20rem; height: 20rem; margin-top: 2rem;} 

.redes{display: flex; flex-direction: row; justify-content: center; align-items: baseline; align-content: center; margin: auto;}

.redes li a{padding: 0.3rem;}
  
.redes li a:hover{border-bottom: 0.2rem solid #252442; margin-bottom: -1rem;}

.materias{justify-content: space-between; display: flex; margin:auto;}

.materias h4{color: #0FB4BB; letter-spacing: 0.13rem; padding-top: 1rem; padding-bottom: 0.5rem;}

.materias ul li{ color:#252442; line-height: 1.3rem; letter-spacing: 0.05rem;}

footer{background-color:#0FB4BB; color: #FFFFFF; font-size: 0.7rem; padding: 1rem; margin-top: 2rem; padding: 1rem; text-align: center; line-height: 1.2rem;}

@media (min-width: 750px)