body{
  background-color:#009933}
.subir{
position: fixed;
bottom: 0;
right: 0;
margin-right: 15px;
margin-bottom: 10px;
z-index:2;}

#titulo{
text-align: center;
  color:white;
font-size: 4vw;
position:absolute; left:40%; top:1%;
font-family: 'Bubblegum Sans', cursive;
text-decoration: underline;
text-shadow:6px 1px 1px #194d19 }
.boton {
background-color: black;
color: white;
font-size: 3vw;
border-radius: 5px;
text-align: center; 
font-family: 'Kanit', sans-serif;
opacity: 75%;
  }
a{
  color:white;
  text-decoration: none;}

#zona1 {
  position: absolute; width: 20%; top: 20%;  right: 79%; 
}
#zona2 {
  position: absolute; width: 20%; top: 35%;  right: 79%; 
}
#zona3 {
  position: absolute; width: 20%; top: 50%;  right: 79%; 
}
#zona4 {
    position: absolute; width: 20%; top:65%;  right: 79%; 
}
#zona5 {
  position: absolute; width: 20%; top: 80%;  right: 79%; 
}
#zona6{
  position: absolute; width: 130%; top: 20%; left:150%;

}
#zona1:hover{
background-color: black;
color: white;
font-size: 3vw;
border-radius: 5px;
text-align: center; 
font-family: 'Kanit', sans-serif;
opacity: 75%;
position: absolute; width: 20%; top: 20%;  right: 79%; 
border-radius: 5px;
cursor: pointer; padding-top: 5px;
height: 70px;
box-shadow: 10px 8px 20px black;
transition-duration: 2s;}
#zona2:hover{
background-color: black;
color: white;
font-size: 3vw;
border-radius: 5px;
text-align: center; 
font-family: 'Kanit', sans-serif;
opacity: 75%;
position: absolute; width: 20%; top: 35%;  right: 79%; 
border-radius: 5px;
cursor: pointer; padding-top: 5px;
height: 70px;
box-shadow: 10px 8px 20px black;
transition-duration: 2s;}
#zona3:hover{
background-color: black;
color: white;
font-size: 3vw;
border-radius: 5px;
text-align: center; 
font-family: 'Kanit', sans-serif;
opacity: 75%;
position: absolute; width: 20%; top: 50%;  right: 79%; 
border-radius: 5px;
cursor: pointer; padding-top: 5px;
height: 70px;
box-shadow: 10px 8px 20px black;
transition-duration: 2s;}
#zona4:hover{
background-color: black;
color: white;
font-size: 3vw;
border-radius: 5px;
text-align: center; 
font-family: 'Kanit', sans-serif;
opacity: 75%;
position: absolute; width: 20%; top: 65%;  right: 79%; 
border-radius: 5px;
cursor: pointer; padding-top: 5px;
height: 70px;
box-shadow: 10px 8px 20px black;
transition-duration: 2s;}
#zona5:hover{
background-color: black;
color: white;
font-size: 3vw;
border-radius: 5px;
text-align: center; 
font-family: 'Kanit', sans-serif;
opacity: 75%;
position: absolute; width: 20%; top: 80%;  right: 79%; 
border-radius: 5px;
cursor: pointer; padding-top: 5px;
height: 70px;
box-shadow: 10px 8px 20px black;
transition-duration: 2s;}

#perfil{ 
font-family: 'Kanit', sans-serif;
text-align:center;
  color:#85e085;
  font-size:5vw;
  text-shadow: 1px 1px 1px #809fff;
  background-color:#1f601f;
  box-shadow: 1px 1px 2px;
position: absolute; width: 100%; top: 110%; right: 0%; left: 0%;}

.textoyo{
  font-family: 'Lato', sans-serif;
  color:#ccffcc;
  font-size:25px;
  position:absolute;top:135%;
  left:8%;
  }
#imagen1 {
  position: absolute; width: 100%; top: 15%; right: 50%; left:40%;
}
#Galeria{ 
font-family: 'Kanit', sans-serif;
text-align:center;
  color:#85e085;
  font-size:5vw;
  text-shadow: 1px 1px 1px #809fff;
  background-color:#1f601f;
  box-shadow: 1px 1px 2px;
position: absolute; width: 100%; top: 235%; right: 0%; left: 0%;}



#Colegio{ 
font-family: 'Kanit', sans-serif;
text-align:center;
  color:#85e085;
  font-size:5vw;
  text-shadow: 1px 1px 1px #809fff;
  background-color:#1f601f;
  box-shadow: 1px 1px 2px;
position: absolute; width: 100%; top: 380%; right: 0%; left: 0%;} 
#Futuro {font-family: 'Kanit', sans-serif;
text-align:center;
  color:#85e085;
  font-size:5vw;
  text-shadow: 1px 1px 1px #809fff;
  background-color:#1f601f;
  box-shadow: 1px 1px 2px;
position: absolute; width: 100%; top: 570%; right: 0%; left: 0%;}
.TextoFuturo{
  color: #ffe0b3;
  position:absolute;top:587%; left:2%;
font-family: Bebas Neue;
color:##4c0080;
font-size:2vw; }
.TextoColegio {
  color: #ffe0b3;
  position:absolute;top:410%; right:60%; left:2%;
font-family: Bebas Neue;
color:##4c0080;
font-size:2vw; 
}
.TextoColegio1 {
   color: #ffe0b3;
  position:absolute;top:485%; right:5%; left:50%;
font-family: Bebas Neue;
color:##4c0080;
font-size:2vw; 
}
#colegio2{
  position:absolute;width: 50%; 
  left:70%;
  top:404%;
}
#colegio3{
  position:absolute;width: 38%; 
  left:2%;
  top:440%;
}
#colegio4{
  position:absolute;width:25%; 
  left:43%;
  top:413%;
}

#Random {font-family: 'Kanit', sans-serif;
text-align:center;
  color:#85e085;
  font-size:5vw;
  text-shadow: 1px 1px 1px #809fff;
  background-color:#1f601f;
  box-shadow: 1px 1px 2px;
position: absolute; width: 100%; top: 670%; right: 0%; left: 0%;}

#futuro1  {
  
    position:absolute;top:610%; left:23%; width:50%; 
}
#marquesina{
margin-top:140%;
}
#marquesinalol{margin-top:200%;}