body {
 background-color: #998066;
}
.subir{
  
  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    margin-bottom: 10px;
  z-index:3;
}
.button-52 {
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 1px;
  padding: 13px 20px 13px;
  outline: 0;
  border: 1px solid black;
  cursor: pointer;
  position: relative;
  background-color: #996666;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  } #a{
    text-decoration:none;
  }

.button-52:after {
  content: "";
  background-color: #993333;
  width: 100%;
  z-index: -1;
  position: absolute;
  height: 100%;
  top: 10px;
  left: 7px;
  transition: 0.2s;
}

.button-52:hover:after {
  top: 0px;
  left: 0px;
}

@media (min-width: 768px) {
  .button-52 {
    padding: 13px 50px 13px;
  }

}
#Perfil {
  text-align: center; 
  position: absolute; width: 20%; top: 10%;  right: 81%; 
 border-radius: 5px;
}
#Perfil a{
  text-decoration:none;
  color:#FCE4EC;
   }

#School {
  text-align: center; 
  position: absolute; width: 28%; top: 25%;  right: 77%; 
 border-radius: 5px;
}
#School a{
  text-decoration:none;
  color:#FCE4EC;
   }

#Futuro {
  text-align: center; 
  position: absolute; width: 0%; top: 40%;  right: 96%; 
 border-radius: 5px;
}
#Futuro a{
  text-decoration:none;
  color:#FCE4EC;
   }

#Galeria {
  text-align: center; 
  position: absolute; width: 18%; top: 55%;  right: 82%; 
 border-radius: 5px;
}
#Galeria a{
  text-decoration:none;
  color:#FCE4EC;
   }
#Random {
  text-align: center; 
  position: absolute; width: 0%; top: 70%;  right: 96%; 
 border-radius: 5px;
}
#Random a{
  text-decoration:none;
  color:#FCE4EC;
   }

#zona1 {
  position: absolute; width: 100%; top: 35%;  right: 5%; left: 55%; 
 border-radius: 50px;
}

#zona2 {
  position: absolute; width: 70%; top: 25%;  right: 10%; left: 72%; 
 border-radius: 30px;
}

#zona3 {
  position: absolute; width: 70%; top: 65%;  right: 40%; left: 73%;
 border-radius: 30px;
}
#zona4 {
  position: absolute; width: 70%; top: 30%;  right: 100%; left: 50%;
 border-radius: 30px;
}


#Perfil0{ 
  
  z-index: 2;
  position: absolute;
  left: 0px;
  right: 35px; 
  top: 120%;
  width: 100%;
  height: 50px;
  background-color: black;
  color: white;
  text-align: center;
  padding-top: 15px;
  font-size: 2rem;
  font-family: 'Gayathri', sans-serif;
  opacity: 0.7;

}

.texto1PERFIL{
  font-family: Bebas Neue;
  color:#4d0000;
  font-size:22px;
  position:absolute;top:130%;right: 30%;
  left:5%;
  }
.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#perfil1 {
	width: 160px;
	height: 160px;
	margin: 15px;
	border: 3px solid #660000;
position:absolute;top:130%;right:17%; 
}
#perfil1:hover {
	transform: scale(1.1);
  }
#perfil2 {
	width: 230px;
	height: 230px;
	margin: 15px;
	border: 3px solid #660000; position:absolute;top:155%;right:5%;
}
#perfil2:hover {
	transform: scale(1.1);
}

#Galeria0 {
  z-index: 2;
  position: absolute;
  left: 0px;
  right: 35px;
  top: 220%;
  width: 100%;
  height: 50px;
  background-color: black;
  color: white;
  text-align: center;
  padding-top: 15px;
  font-size: 2rem;
  font-family: 'Gayathri', sans-serif;
  opacity: 0.7;  
}
.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#galeria1 {
	width: 200px;
	height: 220px;
	margin: 15px;
	transition: transform 1s;
	border: 3px solid #B39DDB;
position:absolute;top:240%; right:70%; 
}
#galeria1:hover {
	transform: scale(1.1);
  }
#galeria2 {
	width: 200px;
	height: 220px;
	margin: 15px;
	transition: transform 1s;
	border: 3px solid #B39DDB; position:absolute;top:240%; right:15%;
}
#galeria2:hover {
	transform: scale(1.1);
}
#galeria3 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 3px solid #B39DDB; position:absolute;top:240%; left:40%;
}
#galeria3:hover {
	transform: scale(1.1);
}
#galeria4 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 3px solid #B39DDB;
  position:absolute;top:282%; right:70%;
}
#galeria4:hover {
	transform: scale(1.1);
}
#galeria5 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 3px solid #B39DDB;
  position:absolute;top:282%; right:15%;
}
#galeria5:hover {
	transform: scale(1.1);
}
#galeria6 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 3px solid #B39DDB;
  position:absolute;top:282%; left:40%;
}
#galeria6:hover {
	transform: scale(1.1);
}
#galeria7 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 3px solid #B39DDB; position:absolute;top:320%; right:70%;
}
#galeria7:hover {
	transform: scale(1.1);
}
#galeria8 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 3px solid #B39DDB;
  position:absolute;top:320%; right:15%;
}
#galeria8:hover {
	transform: scale(1.1);
}
#galeria9 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 3px solid #B39DDB; position:absolute;top:320%;left:40%;
}
#galeria9:hover {
	transform: scale(1.1);
}


#School0{
  z-index: 2;
  position: absolute;
  left: 0px;
  right: 35px;
  top: 370%;
  width: 100%;
  height: 50px;
  background-color: black;
  color: white;
  text-align: center;
  padding-top: 15px;
  font-size: 2rem;
  font-family: 'Gayathri', sans-serif;
  opacity: 0.7; 
}
.texto3SCHOOL
{font-family: Bebas Neue;
  color:#4d0000;
  font-size:1.5vw; position:absolute;top:400%;right:10%;
  left:10%;
  }
container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#school1 {
	width: 250px;
	height: 250px;
	margin: 15px;
	transition: transform 1s;
	border: 2px solid #4d0000;
position:absolute;top:420%;right:15%;
}
#school1:hover {
	transform: scale(1.1);
  }
#school2 {
	width: 200px;
	height: 250px;
	margin: 15px;
	transition: transform 1s;
	border: 2px solid #4d0000;
  position:absolute;top:430%;right:43%;
}
#school2:hover {
	transform: scale(1.1);
}
#school3 {
	width: 300px;
	height: 250px;
	margin: 15px;
	transition: transform 1s;
	border: 2px solid #4d0000;
 position:absolute;top:420%;left:10%;
}
#school3:hover {
	transform: scale(1.1);
}


#Futuro0 {
  z-index: 2;
  position: absolute;
  left: 0px;
  right: 35px;
  top: 490%;
  width: 100%;
  height: 50px;
  background-color: black;
  color: white;
  text-align: center;
  padding-top: 15px;
  font-size: 2rem;
  font-family: 'Gayathri', sans-serif;
  opacity: 0.7;
}
.texto3FUTURO
{font-family: Bebas Neue;
  color:#4d0000;
  font-size:1.5vw; position:absolute;top:515%;
right: 10%; left:10%;
  }
.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#futuro1 {
	width: 200px;
	height: 250px;
	margin: 15px;
	transition: transform 1s;
	border: 2px solid #4d0000;
position:absolute;top:535%;right:65%;
}
#futuro1:hover {
	transform: scale(1.1);
  }
#futuro2 {
	width: 200px;
	height: 250px;
	margin: 15px;
	transition: transform 1s;
	border: 2px solid #4d0000;
  position:absolute;top:535%;right:42%;
}
#futuro2:hover {
	transform: scale(1.1);
}
#futuro3 {
	width: 200px;
	height: 250px;
	margin: 15px;
	transition: transform 1s;
	border: 2px solid #4d0000;
  position:absolute;top:535%;left:60%;
}
#futuro3:hover {
	transform: scale(1.1);
}


#Random0 {
  z-index: 2;
  position: absolute;
  left: 0px;
  right: 35px;
  top: 600%;
  width: 100%;
  height: 50px;
  background-color: black;
  color: white;
  text-align: center;
  padding-top: 15px;
  font-size: 2rem;
  font-family: 'Gayathri', sans-serif;
  opacity: 0.7;   
}
.textoRANDOM
{font-family: Bebas Neue;
  color:#4d0000;
  font-size:1.3vw; position:absolute;top:640%;
right: 10%;
left:60%;
  }
.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#RANDOMP {
	width: 500px;
	height: 300px;
	margin: 15px;
	transition: transform 1s;
	border: 2px solid #4d0000;
position:absolute;top:625%; right:45%;
}
#RANDOMP:hover {
	transform: scale(1.1);
  }

.sexto {
  position:absolute;top:695%; left:5%;
font-family: Bebas Neue;
text-align:center;
  color:#4d0000;
  font-size:3vw;
  text-shadow: 1px 1px 1px ; 
}