html, body{
  margin-left: 0;
  margin-right:0;
}
.subir{
  
  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    margin-bottom: 10px;
  z-index:2;
}
body{
  background-color:#FFCCBC
}
#zona1 {
  background-color: salmon;
  color: white;
  font-size: 30px;
  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: salmon;
  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: salmon;
  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: salmon;
  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: salmon;
  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: 100%; top:220%; right: 1%; left:0%;  
}
#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%; margin-left: 33%;
}
.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: 380%; right: 0%; left: 0%;
}
.TextoColegio{ position:absolute;top:395%;left:2%;
font-family: Bebas Neue;
color:#F06292;
font-size:3vw; 
}
.container1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#colegio1 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
position:absolute;top:420%;right:65%;
}
#colegio1:hover {
	transform: scale(2.2);
  }
#colegio2 {
  width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
  position:absolute;top:420%;text-align:center;
}
#colegio2:hover {
	transform: scale(2.2);
}
#colegio3 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
  position:absolute;top:420%;left:70%;
}
#colegio3:hover {
	transform: scale(2.2);
}
#colegio4 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
  position:absolute;top:460%;right:65%;
}
#colegio4:hover {
	transform: scale(2.2);
}
#colegio5 {
	width: 200px;
	height:200px;
	margin: 15px;
	transition: transform 1s;
  position:absolute;top:460%;text-align:center;
}
#colegio5:hover {
	transform: scale(2.2);
}
#colegio6 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
  position:absolute;top:460%;left:70%;
}
#colegio6:hover {
	transform: scale(2.2);
}
#colegio7 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
  position:absolute;top:500%;right:65%;
}
#colegio7:hover {
	transform: scale(2.2);
}
#colegio8 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
  position:absolute;top:500%;text-align:center;
}
#colegio8:hover {
	transform: scale(2.2);
}
#colegio9 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
  position:absolute;top:500%;left:70%;
}
#colegio9:hover {
	transform: scale(2.2);
}
#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:558%; right: 0%; left: 0%;}
.texto2
{font-family: Bebas Neue;
  color:#F06292;
  font-size:3vw; position:absolute;top:575%;
  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: 720%; right: 0%; left: 0%;
}
.textorandom {
  font-family: Bebas Neue;
  color:#F06292;
  font-size:25px;
  position:absolute;top:740%
}
#misa {
  position:absolute; width: 30%; top: 780%; left: 30%;right:7%;
}
#chiki
{ position:absolute; width: 30%; top: 780%; left: 62%;right:7%;
}
#gaia
{ position:absolute; width: 25%; top: 780%; left: 4%;right:7%;
}
#futurofoto
{position:absolute;top:650%;left:30%;}
.sexto
{position:absolute;top:890%;left:1%;
font-family: Bebas Neue;
text-align:center;
  color:lightcoral;
  font-size:4vw;
  text-shadow: 1px 1px 1px darkred;  
}
.textorandom2 {
  font-family: Bebas Neue;
  color:#F06292;
  font-size:25px;
  position:absolute;top:880%
}