div {
  opacity: 0.9;
}
body{
  background-color: #9BF900;
  }
#zona1 {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 18vh;  
  right: 40vw; 
 border-radius: 5px;}

#zona1 a{
  text-decoration: none;
  color: white;
}


#zona1:hover{
  background-color: #0EF123;
  color: white;
  font-size: 35px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute;
  width: 25%; 
  top: 18vh; 
  right: 40vw; 
}
#zona2 {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 34vh;  
  right: 40vw; 
 border-radius: 5px;}
 #zona2 a{
  text-decoration: none;
  color: white;
}
#zona2:hover{
  background-color: #0EF123;
  color: white;
  font-size: 35px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 34vh; 
  right: 40vw;
  left:
}
#zona3 {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: Arial;
  font-family: 'Koulen', cursive; 
  position: absolute; 
  text-align: center;
  width: 25%; 
  top: 50vh;  
  right: 40vw; 
 border-radius: 5px;}
a{
  text-decoration: none;
  color: white;
}

#zona3:hover{
  background-color: #0EF123;
  color: white;
  font-size: 35px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%;
  top: 50vh; 
  right: 40vw; left:
}
#zona4 {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 66vh;  
  right: 40vw; 
 border-radius: 5px;
}

#zona4:hover{
  background-color: #0EF123;
  color: white;
  font-size: 35px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute;
  width: 25%; 
  top: 66vh; 
  right: 40vw; 
  left: }

 #zona5 {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 82vh;  
  right: 40vw; 
 border-radius: 5px;}

 #zona5:hover {
  background-color: #0EF123;
  color: white;
  font-size: 35px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute;
  width: 25%; 
  top: 82vh; 
  right: 40vw; 
  left:}

 #zona6 {
  color: #EBF10E;
  font-size: 60px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 1vh;  
  right: 40vw; 
 border-radius: 5px;}


#zona7{
   color: #EBF10E;
  font-size: 60px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
 top: 130%;
 color: #748EFF;
 }
#zona8{
   color: #EBF10E;
  font-size: 60px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
 top: 235%;
 color: #748EFF;
 }
#zona9{
   color: #EBF10E;
  font-size: 60px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
 top: 335%;
 color: #748EFF;
 }
#zona10{
   color: #EBF10E;
  font-size: 60px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
 top: 460%;
 color: #748EFF;
 }
#zona11{
   color: #EBF10E;
  font-size: 60px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
 top: 560%;
 color: #748EFF;
 }
 
#Texto{
   color: #EE16AC;
  font-size: 40px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 95%; 
 top: 140%;
 }
#Texto2{
   color: #EE16AC;
  font-size: 2vw;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  left: 10%;
  width: 80%; 
 top: 195%;
 }
#volver {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 215%;  
  right: 10vw; 
 border-radius: 5px;
}
#volver2 {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 325%;  
  right: 10vw; 
 border-radius: 5px;
} #volver3 {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 425%;  
  right: 10vw; 
 border-radius: 5px;
}
#imagencolegio3{
   color: #EE16AC;
  font-size: 2vw;
 position: absolute; 
  left: 56%;
  width: 120%; 
 top: 390%;
 }

#volver4 {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 545%;  
  right: 10vw; 
 border-radius: 5px;
}
#volver5 {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 25%; 
  top: 645%;  
  right: 10vw; 
 border-radius: 5px;
}
#galeria{
 color: #EBF10E;
  font-size: 60px;
  text-align: center; 
  position: absolute; 
  width: 130%; 
 top: 260%;
}
#TextoFuturo{
   color: #EE16AC;
  font-size: 2vw;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  left: 10%;
  width: 80%; 
 top: 480%;
 }
#imagensevilla{
   color: #EE16AC;
  font-size: 2vw;
  font-family: 'Koulen', cursive; 
  position: absolute; 
  left: 5%;
  width: 80%; 
 top: 515%;
 }
#imagencolegio{
   color: #EE16AC;
  font-size: 2vw;
  font-family: 'Koulen', cursive; 
  position: absolute; 
  left: 10%;
  width: 80%; 
 top: 370%;
 }
#imagencolegio2{
   color: #EE16AC;
  font-size: 2vw;
  font-family: 'Koulen', cursive; 
  position: absolute; 
  left: 40%;
  width: 120%; 
 top: 345%;
 }

#imagenperfil{
   color: #EE16AC;
  font-size: 2vw;
  position: absolute; 
  left: 28%;
  width: 120%; 
 top: 140%;
 }
#volver0 {
  background-color: #EE16AC;
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; 
  width: 10%; 
  top: 0%;  
  right: 10vw; 
 border-radius: 5px;
}