body {
    background-color:  #809fff;
}
.subir{
  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    margin-bottom: 10px;
  z-index:2;} 
#zona0 {
 position: absolute;left: 45%;top: 3%;width: 50%;height: 50px;
  background-color: black;
  color: white;
  text-align: center;
  padding-top: 15px;
  font-size: 2rem;
  font-family: 'Roboto', sans-serif;
  opacity: 0.7;
}
#zona{
  color:  #ffe0b3;
  font-size: 30px;
  font-family: 'Bebas Neue', sans-serif;
  text-align: center; 
   position: absolute; left: 85%; top: 92%;
  text-shadow:4px 1px 1px #663300;
  }
.subir{

  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    margin-bottom: 10px;
  z-index:2;} 
.boton {
  background-color: #002699;
  color: white;
  font-size: 3vw;
  font-family: Bebas Neue;
  }
#zona1 {
  position: absolute; width: 20%; top: 16%;  right: 75%; left: 5%;
}
#zona2 {
  position: absolute; width: 20%; top: 29%;  right: 75%;  left: 5%;
}
#zona3 {
  position: absolute; width: 20%; top: 42%;  right: 75%;  left: 5%;
}
#zona4 {
    position: absolute; width: 20%; top: 55%;  right: 75%;  left: 5%;
}
#zona5 {
  position: absolute; width: 20%; top: 68%;  right: 75%;  left: 5%;
}
a{
  color:white;
  text-decoration: none;
}
.boton:hover {
  background-color: #000000;
  color:white ;
  font-size: 4vw;
font-family: 'Barlow', sans-serif;
  border-radius: 5px;
  text-align: center; 
 opacity: 100%;
  }
#zona6{
  position: absolute; width: 40%; top: 15%; left:50%;

}

#perfil{ 
 font-family: Bebas Neue;
text-align:center;
  color: #ffe0b3;
  font-size:5vw;
   text-shadow: 3px 1px 1px #663300;
  background-color: black;
  opacity: 30%;
position: absolute; width: 100%; top: 110%; right: 0%; left: 0%;}
 .texto1{
    background-color:#ccd9ff;
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  color:grey;
  text-align: center;
   position: absolute; width:30%; top: 135%; right: 50%; left: 5%;}
}
#perfilfoto {
  position:absolute; width: 50%; top: 130%; left: 64%;right:7%;}
#perfilfoto {
  position:absolute; width: 50%; top: 130%; left: 64%;right:7%;}
.lista{font-family: 'Oswald', sans-serif;
  color:black;
  font-size:25px;  
  position:absolute;top:145%;
  left:2%;}

#galeria{ 
 font-family: Bebas Neue;
text-align:center;
  color: #ffe0b3;
  font-size:5vw;
   text-shadow: 3px 1px 1px #663300;
  background-color: black;
  opacity: 60%;
position: absolute; width: 100%; top: 230%; right: 0%; left: 0%;}
#galeria1{ width: 35%; }
#galeria2{ width: 35%; }
#galeria3{ width: 45%; }
#galeria4{ width: 45%; }
#galeria5{ width: 50%; }
#marquesina{
  margin-top:110%;
}

#colegio{
  font-family: Bebas Neue;
text-align:center;
  color: #ffe0b3;
  font-size:5vw;
   text-shadow: 3px 1px 1px #663300;
  background-color: black;
  opacity: 60%;
  position: absolute; width: 100%; top: 380%; right: 0%; left: 0%;
}
.TextoColegio{ 
  color: #ffe0b3;
  position:absolute;top:405%; right:60%; left:2%;
font-family: Bebas Neue;
color:##4c0080;
font-size:2vw; 
}
.TextoColegio1{
   color: #ffe0b3;
  position:absolute;top:500%; right:5%; left:50%;
font-family: Bebas Neue;
color:##4c0080;
font-size:2vw; 
}
#colegio2{
  position:absolute;width: 25%; 
  left:43%;
  top:399%;
}
#colegio3{
  position:absolute;width: 30%; 
  left:5%;
  top:470%;
}
#colegio4{
  position:absolute;width: 50%; 
  left:70%;
  top:399%;
}

#futuro{
  font-family: Bebas Neue;
text-align:center;
  color: #ffe0b3;
  font-size:5vw;
   text-shadow: 3px 1px 1px #663300;
  background-color: black;
  opacity: 60%;
  position: absolute; width: 100%; top: 570%; right: 0%; left: 0%;
}
.TextoFuturo{
  color: #ffe0b3;
  position:absolute;top:600%; left:2%;
font-family: Bebas Neue;
color:##4c0080;
font-size:2vw; }

#random{
  font-family: Bebas Neue;
text-align:center;
  color: #ffe0b3;
  font-size:5vw;
   text-shadow: 3px 1px 1px #663300;
  background-color: black;
  opacity: 60%;
  position: absolute; width: 100%; top: 670%; right: 0%; left: 0%;
}
.TextoRandom{
  color: #ffe0b3;
  position:absolute;top:687%; left:2%;
font-family: Bebas Neue;
color:##4c0080;
font-size:2vw; }
#random1{
 position:absolute;width: 25%; 
  left:15%;
  top:715%;
}
#random2{
 position:absolute;width: 20%; 
  left:55%;
  top:715%;
}
.sexto
{position:absolute;top:810%;left:1%;
font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:4vw;
  text-shadow: 1px 1px 1px darkred;  
}