@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

*{margin: 0.5rem; padding: 3; box-sizing: border-box;
}

body {background: #3582d0; font-family: 'Montserrat', sans-serif; text-align: center; }
header { border-radius: 3rem;
}
h1 {color: black; font-family: 'Montserrat', sans-serif; margin-bottom: 1rem; }
.navegacion{color: black; font-family: 'Montserrat', sans-serif; margin-bottom: 3rem; }
h2 {color: black; font-family: 'Montserrat', sans-serif; }


.inicio{text-decoration: none; color:white; color:white; padding: 0.3rem; border-radius: 0.5rem; border-radius: 0.5rem;  }
.inicio:hover{background: pink; }

.plan{text-decoration: none; color:white; padding: 0.3rem; border-radius: 0.5rem; }
.plan:hover{background: pink; }

.mapa{text-decoration: none; color:white; padding: 0.3rem; border-radius: 0.5rem; }
.mapa:hover{background: pink; }

.app{text-decoration: none; color:white; padding: 0.3rem; border-radius: 0.5rem; }
.app:hover{background: pink; }

.integrantesydocentes{display: flex;
 }

.integrantes{background: pink; width: 33%; padding: 2rem; text-align: center; margin: 0.5%; border-top-left-radius: 5rem; border-bottom-right-radius: 5rem; padding: 2%; font-family: 'Montserrat', sans-serif; margin-bottom: 3rem; 
 }

.alumna1{text-decoration: none; color: black; }
.alumna1:hover{background: #3582d0; padding: 0.5rem; margin: 0.5%; border-radius: 0.5rem; }

.alumna2{text-decoration: none; color: black; }
.alumna2:hover{background: #3582d0; padding: 0.5rem; margin: 0.5%; border-radius: 0.5rem; }

.alumna3{text-decoration: none; color: black; }
.alumna3:hover{background: #3582d0; padding: 0.5rem; margin: 0.5%; border-radius: 0.5rem; }

.alumna4{text-decoration: none; color: black; }
.alumna4:hover{background: #3582d0; padding: 0.5rem; margin: 0.5%; border-radius: 0.5rem; }

.alumno5{text-decoration: none; color: black; }
.alumno5:hover{background: #3582d0; padding: 0.5rem; margin: 0.5%; border-radius: 0.5rem; }

.universidad{ background: pink; width: 33%; padding: 2rem; text-align: center; margin: 0.5%; border-top-left-radius: 5rem; border-bottom-right-radius: 5rem; padding: 2%; font-family: 'Montserrat', sans-serif; margin-bottom: 3rem; }
.universidad h2{ font-size: 1.2rem; }

.docentes{background: pink; width: 33%; padding: 2rem; text-align: center; margin: 0.5%; border-top-left-radius: 5rem; border-bottom-right-radius: 5rem; padding: 2%; font-family: 'Montserrat', sans-serif; margin-bottom: 3rem; }
.docentes h2{font-size: 1.2rem; }

footer p{font-size: 0.7rem; margin-top: 3rem; }
footer p{color: black; font-size: 0.7rem; font-family: 'Montserrat', sans-serif; }


/* PLAN */


.navegacionplan{color: black; font-family: 'Montserrat', sans-serif; margin-bottom: 3rem; }

.inicioplan{text-decoration: none; color:white; color:white; padding: 0.3rem; border-radius: 0.5rem; border-radius: 0.5rem;  }
.inicioplan:hover{background: pink; }

.planplan{text-decoration: none; color:white; padding: 0.3rem; border-radius: 0.5rem; }
.planplan:hover{background: pink; }

.mapaplan{text-decoration: none; color:white; padding: 0.3rem; border-radius: 0.5rem; }
.mapaplan:hover{background: pink; }

.appplan{text-decoration: none; color:white; padding: 0.3rem; border-radius: 0.5rem; }
.appplan:hover{background: pink; }

.objetivosypublico{display: flex; }

.objetivos{background:pink; width: 50%; margin: 0.5%; padding: 2%; border-top-left-radius: 5rem; border-bottom-right-radius: 5rem; }

.publico{background: pink; width: 50%; margin: 0.5%; padding: 2%; border-top-left-radius: 5rem; border-bottom-right-radius: 5rem; }


/* MAPA */


.navegacionmapa{color: black; font-family: 'Montserrat', sans-serif; margin-bottom: 3rem; }

.iniciomapa{text-decoration: none; color:white; color:white; padding: 0.3rem; border-radius: 0.5rem; border-radius: 0.5rem;  }
.iniciomapa:hover{background: pink; }

.planmapa{text-decoration: none; color:white; padding: 0.3rem; border-radius: 0.5rem; }
.planmapa:hover{background: pink; }

.mapamapa{text-decoration: none; color:white; padding: 0.3rem; border-radius: 0.5rem; }
.mapamapa:hover{background: pink; }

.appmapa{text-decoration: none; color:white; padding: 0.3rem; border-radius: 0.5rem; }
.appmapa:hover{background: pink; }

.imagenmapa{max-height: 40rem; }