body{
  background-color:#ffff99
}
#zona1 {
  background-color:#AA7E41
;
  color: white;
  font-size: 40px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 18%; top: 1%;  right: 75%; 
 border-radius: 5px;
}
#zona1:hover{
  background-color:#F89446;
  color: white;
  font-size: 40px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 18%; top: 1%; right: 75%; left:5%;
}
#zona1 a{
  text-decoration:none;
  color:black;
}
#zona2 {
 background-color:#AA7E41;
  color: white;
  font-size: 40px;
  font-family: Bebas Neue;
  text-align: center; 
 border-radius: 5px; 
  position: absolute; width: 20%; top: 1%; right: 50%; left: 30%;
}
#zona2:hover{
  background-color:#F89446;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 50%; left: 30%;  
  }
#zona2 a{
  text-decoration:none;
  color:black;
   }
#zona3 {
  background-color:#AA7E41;
  color: white;
  font-size: 40px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 30%; top: 1%; right: 30%; left: 52%; 
 border-radius: 5px;
}
#zona3:hover{
  background-color: #F89446;
  color: white;
  font-size: 40px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 30%; top: 1%; right: 30%; left: 52%; 
}
#zona3 a{
  text-decoration:none;
  color:black;
   }
#zona4 {
  background-color:#AA7E41;
  color: white;
  font-size: 40px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 20%; left: 85%; 
  border-radius: 5px;
}
#zona4:hover{
  background-color:#F89446 ;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center;  
    position: absolute; width: 20%; top: 1%; right: 20%; left: 85%; 
}
#zona4 a{
  text-decoration:none;
  color:black;
   }
#zona5 {
  background-color:#AA7E41;
  color: white;
  font-size: 30px;
  font-family: Bebas Neue;
  text-align: center; 
  position: absolute; width: 15%; top: 1%; right: 10%; left: 85%; 
  border-radius: 5px;
}
#zona5:hover{
  background-color:#F89446 ;
  color: white;
  font-size: 32px;
  font-family: Bebas Neue;
  text-align: center;  
    position: absolute; width: 20%; top: 1%; right: 20%; left: 85%; 
}
#zona5 a{
  text-decoration:none;
  color:black;
   }
#frase{ 
 font-family:'Dancing Script', cursive; text-align:center;
  color:black;
  font-size:7vw;
  text-shadow: 1px 1px 1px darkred
  background-color: #FFAFB6;
position: absolute; width: 50%; top: 20%; right: 5%; left: 25%;
}
#perfil{ 
 font-family:'Dancing Script';
text-align:center;
  color:black;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  background-color:#AA7E41
;
  box-shadow: 1px 1px 2px 
;
position: absolute; width: 100%; top: 90%; right: 0%; left: 0%;}
#perfilfoto {
  position:absolute; width: 40%; top: 110%; left: 62%;right:7%;
}
.texto1{font-family:'Dancing Script' ;
  color:black;
  font-size:25px;
  position:absolute;top:117%;
  left:2%;
  }
#Galeria {
  font-family: 'Dancing Script';
text-align:center;
  color:black;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  background-color:#AA7E41;
  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 #AA7E41;
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 #AA7E41;
  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 #AA7E41;
  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 #AA7E41;
  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 #AA7E41;
  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 #AA7E41;
  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 #AA7E41;
  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 #AA7E41;
  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 #AA7E41;
  position:absolute;top:330%;left:70%;
}
#galeria9:hover {
	transform: scale(1.1);
}
#Colegio{
  font-family: 'Dancing Script';
text-align:center;
  color:black;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  background-color:#AA7E41;
  box-shadow: 1px 1px 2px black;
  position: absolute; width: 100%; top: 380%; right: 0%; left: 0%;
}
.TextoColegio{ position:absolute;top:395%;left:2%;
font-family:'Dancing Script' ;
color:black;
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);
}
#colegio10 {
	width: 700px;
	height: 230px;
	margin: 15px;
  border:5px solid #FF9E80;
	transition: transform 1s;
 position:absolute;top:535%;text-align:center;
}
#colegio10:hover {
	transform: scale(2.2);
}
#Futuro {font-family:'Dancing Script';
text-align:center;
  color:black;
  font-size:5vw;
  text-shadow: 1px 1px 1px darkred;
  background-color:#AA7E41;
  box-shadow: 1px 1px 2px ;
  position: absolute; width: 100%; top:578%; right: 0%; left: 0%;}
.texto2
{font-family:'Dancing Script';
  color: black;
  font-size:3vw; position:absolute;top:595%;
  left:2%;
}


.sexto
{position:absolute;top:750%;left:1%;
font-family: 'Dancing Script';
text-align:center;
  color:black;
  font-size:4vw;
  text-shadow: 1px 1px 1px darkred;  
}

.subir{
  
  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    margin-bottom: 10px;
  z-index:2;
}