html, body{
  margin-left: 0;
  margin-right:0;
}
.subir{
  
  position: fixed;
    bottom: 0;
    right: 10;
    margin-right: 15px;
    margin-bottom: 10px;
  z-index:2;
}
body{
  background-color:black
}
#zona1 {
  background-color: green;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%;  right: 80%; 
 border-radius: 5px;
}
#zona1:hover{
  background-color:#F06292;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 80%; left:0%;
}
#zona1 a{
  text-decoration:none;
  color:#FCE4EC;
}
#zona2 {
 background-color: green;
  color: white;
  font-size: 30px;
  font-family: Bebas Neue;
  text-align: center; 
 border-radius: 5px; 
  position: absolute; width: 20%; top: 1%; right: 65%; left: 21%;
}
#zona2:hover{
  background-color:#F06292;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 65%; left: 21%;  
  }
#zona2 a{
  text-decoration:none;
  color:#FCE4EC;
   }
#zona3 {
  background-color: green;
  color: white;
  font-size: 30px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 45%; left: 42%; 
 border-radius: 5px;
}
#zona3:hover{
  background-color: #F06292;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 45%; left: 42%; 
}
#zona3 a{
  text-decoration:none;
  color:#FCE4EC;
   }
#zona4 {
  background-color: green;
  color: white;
  font-size: 30px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 20%; left: 63%; 
  border-radius: 5px;
}
#zona4:hover{
  background-color: #F06292;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center;  
    position: absolute; width: 20%; top: 1%; right: 20%; left: 63%; 
}
#zona4 a{
  text-decoration:none;
  color:#FCE4EC;
   }
#zona5 {
  background-color: green;
  color: white;
  font-size: 30px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 19%; top: 1%; right: 0%; left: 84%;
  border-radius: 5px;
   }
#zona5 { 
  padding: 0%;
  text-align: center;
}
#zona5 a{
  text-decoration:none;
  color:#FCE4EC;
   }
#zona5:hover{
  background-color:#F06292;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center;
  position: absolute; width: 19%; top: 1%; right: 0%; left: 84%;
   }

#perfil{ 
 font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  background-color:#FFE082;
  box-shadow: 1px 1px 2px lightcoral;
position: absolute; width: 100%; top: 110%; right: 0%; left: 0%;}
#perfilfoto {
  position:absolute; width: 30%; top: 130%; left: 62%;right:7%;
}
#redes {
  font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:4vw;
  text-shadow: 1px 1px 1px darkred;
  background-color:#78909C;
  width:100%;
  box-shadow: 1px 1px 2px lightcoral;
  text-align:center;
position:absolute;top:206%;
  margin-top:2%;
}
.texto1{font-family: Bebas Neue;
  color:#F06292;
  font-size:25px;
  position:absolute;top:117%;
  left:2%;
  }
#usuario1 {
  font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  position: absolute; width: 100%; top:220%; right: 35%;
}
#usuario1 a{
  color:#FFF176;
  text-decoration:none;
}
#usuario2 {
  font-family: Bebas Neue;
  text-align:center;
  color:lightcoral;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  position: absolute; width: 33.3%; top:220%; margin-left:30%; 
  background-color:red;
  
}
#usuario2 a {
  color:#FFF176;
  text-decoration:none;
}
#usuario3 {font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  position: absolute;
  width: 33.33%;
  top:220%; right: 0%;
  margin-left:33%;
  
}
#usuario3 a {
  color:#FFF176;
  text-decoration:none;
}
#Galeria {
  font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  background-color:#A5D6A7;
  box-shadow: 1px 1px 2px lightcoral;
  position: absolute; width: 100%; top: 235%; right: 0%; left: 0%;
}
.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#galeria1 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
position:absolute;top:250%;right:65%;
}
#galeria1:hover {
	transform: scale(1.1);
  }
#galeria2 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:250%;text-align:center;
}
#galeria2:hover {
	transform: scale(1.1);
}
#galeria3 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:250%;left:70%;
}
#galeria3:hover {
	transform: scale(1.1);
}
#galeria4 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:290%;right:65%;
}
#galeria4:hover {
	transform: scale(1.1);
}
#galeria5 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:290%;text-align:center;
}
#galeria5:hover {
	transform: scale(1.1);
}
#galeria6 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:290%;left:70%;
}
#galeria6:hover {
	transform: scale(1.1);
}
#galeria7 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:330%;right:65%;
}
#galeria7:hover {
	transform: scale(1.1);
}
#galeria8 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:330%;text-align:center;
}
#galeria8:hover {
	transform: scale(1.1);
}
#galeria9 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:330%;left:70%;
}
#galeria9:hover {
	transform: scale(1.1);
}
#Colegio{
  font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  background-color:#B2EBF2;
  box-shadow: 1px 1px 2px lightcoral;
  position: absolute; width: 100%; top: 490%; right: 0%; left: 0%;
}
.TextoColegio{ position:absolute;top:500%;left:2%;
font-family: Bebas Neue;
color:#F06292;
font-size:3vw; 
}

#Futuro {font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  background-color:#D1C4E9;
  box-shadow: 1px 1px 2px lightcoral;
  position: absolute; width: 100%; top:578%; right: 0%; left: 0%;}
.texto2
{font-family: Bebas Neue;
  color:#F06292;
  font-size:3vw; position:absolute;top:595%;
  left:2%;
}
#Random
{font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  background-color:#F06292;
  box-shadow: 1px 1px 2px lightcoral;
  position: absolute; width: 100%; top: 670%; right: 0%; left: 0%;
}
#futurofoto
{position:absolute;top:690%;left:30%;}
.sexto
{position:absolute;top:750%;left:1%;
font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:4vw;
  text-shadow: 1px 1px 1px darkred;  
}

.sexto
{position:absolute;top:10%;left:80%;
font-family: Bebas Neue;
text-align:center;
  color:green;
  font-size:3vw;
  text-shadow: 1px 1px 1px white  
}