@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: #ffe200; 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: #ff6c00;padding-top:1%;padding-bottom:1%}
header nav a {font-size: 1.5rem; text-decoration:none;color: white; margin: %5}
h1 {color: black;font-family: font-family: 'Lato', sans-serif; font-size: 4rem }
h2 {color: #ff6c00;font-family: font-family: 'Lato', sans-serif;}
.rotulogrupal{display: flex}
.integrantes {background: #dddddd ;line-height : 80px; width: 25%; padding-bottom: 5%; padding-top: 4% }
.integrantes h2 {font-size: 1.2rem; margin-bottom: 1%;line-height : 100px}
.arabe {background: #e8e8e8; width: 75%;padding-bottom: 2%; padding-top: 5%; padding-left: 0.5%; padding-right: 0.5% }
.arabe h2{font-size: 1.2; margin: 3% 0%}
footer {;background: #ff6c00; text-align: center;bottom:0}
footer p {color:#e8e8e8; font-size: 0.8rem; max-width: 60%; margin: auto; padding-top:1%;padding-bottom:1% }
.tituloplan{}
.parrafoplan{margin: 1% 25% 3% 25%}
.planes{margin-top: 4%}
.fotomapa {width: 50%}
.datos-academicos{font-size:.7rem; background: #dddddd ;line-height : 200%; width: 25%; padding-bottom: 5%; padding-top: 4% }
.explicacion {margin: 5% 25% 5% 25%}
header nav a:hover{color: #ffe200}
.integrantes p a:hover {color: #ffe200}
header nav a:active{color: #000}
.integrantes p a:active {color: #000}