* {margin: 0;
   box-sizing: border-box;}
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto+Slab:wght@300&display=swap');

header h1{font-family: 'Anton', sans-serif;}
header  {background-color: rgb(65, 117, 141);}
.rotulo {display: flex; justify-content: space-around;}
.navegador { margin-left: 15rem; margin-top: 8rem;}
nav  :hover{background-color:rgb(126, 126, 126) ;} 
nav {background-color: rgb(0, 0, 0); width: max-content ; display: inline-block; font-size: 1.3rem; }
a {text-decoration: none; color: white; }

.mifoto{border-radius: 50%;width: 15rem;height: 15rem;border: 0.2rem solid;border-color: #ffffff;}
 .fotolucas{border-radius: 50%;width: 15rem;height: 15rem;border: 0.2rem solid;border-color: #2961aa;}
.fotoroman{border-radius: 50%;width: 15rem;height: 15rem;border: 0.2rem solid;border-color: #2961aa;}

body{background-color: rgb(228, 228, 228); text-align: center ; font-family: 'Roboto Slab', serif; ;}


.foja{font-family: 'Anton', sans-serif; font-size:1.5rem;}
.materias {display: flex; justify-content: space-around;}
 .columna1 {background-color: rgb(77, 119, 158); width: 18%; display: inline-block; font-size:1.2rem; border-radius: 1rem;}
 .columna2 {background-color: rgb(77, 119, 158); width: 18%; display: inline-block; font-size:1.2rem; border-radius: 1rem;}
 .columna3 {background-color: rgb(77, 119, 158); width: 18%; display: inline-block; font-size:1.2rem; text-align: center; border-radius: 1rem;}
 .columna4 {background-color: rgb(77, 119, 158); width: 18%; display: inline-block; font-size:1.2rem; border-radius: 1rem;}
 .columna5 {background-color: rgb(77, 119, 158); width: 18%; display: inline-block;  font-size:1.2rem; border-radius: 1rem;}

.integrantes { font-family: 'Anton', sans-serif; text-align: center; font-size: 2.1rem;}



.alumno:hover{color:rgb(0, 0, 0);} 
.alumno {background-color: rgb(93, 115, 155); width: max-content ; display: inline-block; text-decoration: none}

.academica{display: flex; justify-content: space-around;}
.parte1 {background-color: rgb(117, 117, 117);width: 40%; text-align: center; border-radius: 1rem;}
.parte2 {background-color: rgb(117, 117, 117);width: 40%; border-radius: 1rem;}


article h3 {font-size: 1.1rem; text-align: left;}
footer {color: rgb(7, 7, 7); text-align: left; font-size: 1rem ; text-decoration: underline;}