body {
    background-color:  #804000;
}
.subir{
  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    margin-bottom: 10px;
  z-index:2;} 
#zona0 {
  background-color: black;
  color:  #ffe0b3;
  font-size: 50px;
  font-family: 'Bebas Neue', sans-serif;
  text-align: center; 
  position: absolute; left: 40%; top: 1%;
 border-radius: 15px;
 opacity: 75%;
  text-shadow:4px 1px 1px #663300;
}
#zona{
  color:  #ffe0b3;
  font-size: 30px;
  font-family: 'Bebas Neue', sans-serif;
  text-align: center; 
   position: absolute; left: 85%; top: 94%;
  text-shadow:4px 1px 1px #663300;
  text-decoration-line: underline;
  text-decoration-style: solid; 
  }
.subir{

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

}

#perfil{ 
 font-family: Bebas Neue;
text-align:center;
  color: #ffe0b3;
  font-size:5vw;
   text-shadow: 3px 1px 1px #663300;
  background-color: black;
  opacity: 35%;
position: absolute; width: 100%; top: 110%; right: 0%; left: 0%;}
 .texto1{font-family: 'Kanit', sans-serif;
  color:black;
  font-size:3vw;
  background-color:#cc6600;
  border-radius: 10px;
  text-decoration-line: underline;
  text-decoration-style: solid; 
  position:absolute;top:135%;
  left:2%;}
#perfilfoto {
  position:absolute; width: 25%; 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: 220%; right: 0%; left: 0%;}
#galeria1{ width: 35%; }
#galeria2{ width: 35%; }
#galeria3{ width: 35%; }
#galeria4{ width: 35%; }
#galeria5{ width: 62%; }
#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:399%; right:60%; left:2%;
font-family: Bebas Neue;
color:##4c0080;
font-size:2vw; 
}
.TextoColegio1{
   color: #ffe0b3;
  position:absolute;top:435%; right:60%; left:2%;
font-family: Bebas Neue;
color:##4c0080;
font-size:2vw; 
}
#colegio1{
  position:absolute;width: 30%; 
  left:2%;
  top:450%;
}
#colegio2{
  position:absolute;width: 25%; 
  left:43%;
  top:399%;
}
#colegio3{
  position:absolute;width: 40%; 
  left:35%;
  top:489%;
}
#colegio4{
  position:absolute;width: 30%; 
  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:587%; 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: 30%; 
  left:15%;
  top:705%;
}
#random2{
 position:absolute;width: 30%; 
  left:55%;
  top:705%;
}
.sexto{position:absolute;top:800%;left:1%;
text-align:center;
 color:  #ffe0b3;
  font-size: 40px;
  font-family: 'Bebas Neue', sans-serif;
  text-shadow: 3px 1px 1px #663300;  
  text-decoration-line: underline;
  text-decoration-style: solid; 
}