@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap');
*{margin: 0%; text-decoration:none}
body {background: #e8e8e8; font-family: 'Lato', sans-serif;; text-align: center}
header {background: white; padding-top:2%;padding-bottom:0%; margin-bottom:}
header h1{padding-bottom: 2%; text-align:center}
.navegador{margin-left: 5%; margin-right: 5%}
header nav {background: #38b3ea;padding-top:1%;padding-bottom:1%}
header nav a {font-size: 1.5rem; text-decoration:none;color: white; margin: %5}
h1 {color: #38b3ea;font-family: font-family: 'Lato', sans-serif; font-size: 4rem }
h2 {color: #38b3ea;font-family: font-family: 'Lato', sans-serif;margin: 4% 4% 3% 4%}
.rotulogrupal{display: flex}
.integrantes {background: #dddddd ;line-height : 80px; width: 25%; }
.integrantes h2 {font-size: 1.2rem; margin-bottom: 1%;line-height : 100px}
.arabe {background: #e8e8e8;line-height : 50px; width: 75%;padding-bottom: 2%; padding-top: 2%; padding-left: 0.5%; padding-right: 0.5% }
.arabe h2{font-size: 1.2}
footer {;background: #38b3ea; text-align: center; position:absolute;}
footer p {color:#e8e8e8; font-size: 0.8rem; max-width: 60%; margin: auto; padding-top:1%;padding-bottom:1% }
.foto {width: 15%;margin-bottom: 3%; border: solid; border-color: #38b3ea; border-width: 1rem}
.materias{margin: 1% 33% 10% 33%}