#casa{
  position: absolute;
  top:7%;
  left: 2%;}


#Z1 {
  background-color: #F06292;
  color: white;
  text-decoration: none;
  font-size: 29.5px;
  font-family: 'Geo', sans-serif;
  text-align: center; 
  position: absolute; width: 20%; top: 1%;  right: 80%; 
 border-radius: 5px;
}
#Z1:hover{
  background-color:#ff9ea9;
  color: white;
  text-decoration: none;
  text-shadow: -1px 0.5px 4px #000000;
  font-size: 31px;
  font-family: 'Geo', sans-serif;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 80%; left:0%;
  box-shadow: 2px 3px 7px #d698af;
}
#Z2 {
 background-color: #F06292;
  color: white;
  text-decoration: none;
  font-size: 30px;
  font-family: 'Geo', sans-serif;
  text-align: center; 
 border-radius: 5px; 
  position: absolute; width: 20%; top: 1%; right: 65%; left: 21%;
}
#Z2:hover{
  background-color:#ff9ea9;
  color: white;
  text-decoration: none;
  text-shadow: -1px 0.5px 4px #000000;
  font-size: 32px;
  font-family: 'Geo', sans-serif;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 65%; left: 21%;
  box-shadow: 2px 3px 7px #d698af;
  }
#Z3 {
  background-color: #F06292;
  color: white;
  text-decoration: none;
  font-size: 29.5px;
  font-family: 'Geo', sans-serif;
  text-align: center; 
  position: absolute; width: 20%; top: 1%;  right: 70%; left: 42%; 
 border-radius: 5px;
}
#Z3:hover{
  background-color:#ff9ea9;
  color: white;
  text-decoration: none;
  text-shadow: -1px 0.5px 4px #000000;
  font-size: 31px;
  font-family: 'Geo', sans-serif;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 70%; left:42%;
  box-shadow: 2px 3px 7px #d698af;
}
#Z4 {
  background-color: #F06292;
  color: white;
  text-decoration: none;
  font-size: 29.5px;
  font-family: 'Geo', sans-serif;
  text-align: center; 
  position: absolute; width: 20%; top: 1%;  right: 70%; left: 63%; 
 border-radius: 5px;
}
#Z4:hover{
  background-color:#ff9ea9;
  color: white;
  text-decoration: none;
   text-shadow: -1px 0.5px 4px #000000;
  font-size: 31px;
  font-family: 'Geo', sans-serif;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 90%; left:63%;
  box-shadow: 2px 3px 7px #d698af;
}
#Z5 {
  background-color: #F06292;
  color: white;
  text-decoration: none;
  font-size: 29.5px;
  font-family: 'Geo', sans-serif;
  text-align: center; 
  position: absolute; width: 20%; top: 1%;  right: 70%; left: 84%; 
 border-radius: 5px;
}
#Z5:hover{
  background-color:#ff9ea9;
  color: white;
  text-decoration: none;
  text-shadow: -1px 0.5px 4px #000000;
  font-size: 31px;
  font-family: 'Geo', sans-serif;
  text-align: center; 
  position: absolute; width: 20%; top: 1%; right: 90%; left:84%;
  box-shadow: 2px 3px 7px #d698af;
}
body{
  background-color:#f5cedd
}



#p-huerta {
	width: 300px;
	height: 500px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:12%; left: 82%;
}
#p-3 {
	width: 300px;
	height: 500px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:12%; left: 62%;
}
#p-mami {
	width: 300px;
	height: 500px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:12%; left: 41.5%;
}
#p-luni {
	width: 300px;
	height: 500px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:12%; left: 21%;
}
#p-ame {
	width: 300px;
	height: 500px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:12%; left: 1%;
}
#deco {
	transition: transform 1s;
  position:absolute;top:95%; left: 25%;
  width: 800px;
	height: 50px;
}





#z6{
  font-family: 'Space Mono', monospace;
  text-align:center;
  color: #F50057;
  font-size:200%;
  background-color:#FCE4EC;
  text-shadow: 2px 2px 4px #222;
 position: absolute; width: 100%; top: 110%; right: 0%; left: 0%;
}

#z7{
  font-size:200%;
  color:#FF4081;
  text-shadow: 2px 0.5px 1px #222;
  font-family: 'Cute Font', cursive;
   position: absolute; width: 100%; top: 140%; right: 0%; left: 0%;
}
#z8{
  font-size:150%;
  color:#cf4973;
  text-shadow: 2px -1px 2px #FFFF;
  font-family: 'Yatra One', cursive;
   position: absolute; width: 100%; top: 152%; right: 0%; left: 0%;
}
#z9{
  font-size:250%;
  color:#FF4081;
  text-shadow: 2px 0.5px 1px #222;
  font-family: 'Cute Font', cursive;
   position: absolute; width: 100%; top: 180%; right: 0%; left: 0%;
}
#z10{
  font-size:150%;
  color:#cf4973;
  text-shadow: 2px -1px 2px #FFFF;
  font-family: 'Yatra One', cursive;
   position: absolute; width: 100%; top: 192%; right: 0%; left: 0%;
}
#z11{
  position: absolute;
  top: 1000px;
  right: 80px;
  box-shadow: 4px 3px 7px #FF4081;
}
#z12{
  position: absolute;
  top: 940px;
  left: 500px;
  right: 500px;
}



#z13{
  font-family: 'Space Mono', monospace;
  text-align:center;
  color: #F50057;
  font-size:200%;
  background-color:#FCE4EC;
  text-shadow: 2px 2px 4px #222;
 position: absolute; width: 100%; top: 280%; right: 0%; left: 0%;
}
#galeria1 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
position:absolute;top:320%;right:42.5%;
}
#galeria1:hover {
	transform: scale(1.1);
  }
#galeria2 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:355%; right:42.5%;
}
#galeria2:hover {
	transform: scale(1.1);
}
#galeria3 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:320%;left:60%;
}
#galeria3:hover {
	transform: scale(1.1);
}
#galeria4 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:320%;right:60%;
}
#galeria4:hover {
	transform: scale(1.1);
}
#galeria5 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:355%; right:60%;
 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:355%;left:60%;
}
#galeria6:hover {
	transform: scale(1.1);
}
#galeria7 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:390%;right:60%;
}
#galeria7:hover {
	transform: scale(1.1);
}
#galeria8 {
	width: 200px;
	height: 200px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:390%; right:42.5%;
  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:390%;left:60%;
}
#galeria9:hover {
	transform: scale(1.1);
}



#z14{
  font-family: 'Space Mono', monospace;
  text-align:center;
  color: #F50057;
  font-size:200%;
  background-color:#FCE4EC;
  text-shadow: 2px 2px 4px #222;
 position: absolute; width: 100%; top: 450%; right: 0%; left: 0%;
}
#z15{
  font-size:150%;
  color:#FF4081;
  text-shadow: 2px 0.5px 1px #222;
  font-family: 'Cute Font', cursive;
   position: absolute; top: 480%; right: 15%; left: 15%;
}
#ame {
	width: 300px;
	height: 400px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:522%;left:60%;
}
#ame:hover {
	transform: scale(1.3);
}
#coco {
	width: 250px;
	height: 400px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:522%;right:60%;
}
#coco:hover {
	transform: scale(1.3);
}
#dos {
	width: 300px;
	height: 400px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:522%;left:39.5%;
}
#dos:hover {
	transform: scale(1.3);
}




#z16{
  font-family: 'Space Mono', monospace;
  text-align:center;
  color: #F50057;
  font-size:200%;
  background-color:#FCE4EC;
  text-shadow: 2px 2px 4px #222;
 position: absolute; width: 100%; top: 620%; right: 0%; left: 0%;
}
#z17{
  font-size:150%;
  color:#FF4081;
  text-shadow: 2px 0.5px 1px #222;
  font-family: 'Cute Font', cursive;
   position: absolute; top: 650%; right: 15%; left: 15%;
}
#med {
	width: 400px;
	height: 400px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:678%; right: 45%; left: 40%;
}
#med:hover {
	transform: scale(1.3);
}
#z18{
  font-size:150%;
  color:#FF4081;
  text-shadow: 2px 0.5px 1px #222;
  font-family: 'Cute Font', cursive;
   position: absolute; top: 740%; right: 15%; left: 15%;
}
#iupfa {
	width: 400px;
	height: 400px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top:765%; right: 45%; left: 40%;
}
#iupfa:hover {
	transform: scale(1.3);
}



#z19{
  font-family: 'Space Mono', monospace;
  text-align:center;
  color: #F50057;
  font-size:200%;
  background-color:#FCE4EC;
  text-shadow: 2px 2px 4px #222;
 position: absolute; width: 100%; top: 860%; right: 0%; left: 0%;
}
#ig {
	width: 820px;
	height: 400px;
	margin: 15px;
	transition: transform 1s;
	border: 5px solid #B39DDB;
  position:absolute;top: 890%; right: 55%; left: 30%;
}



#flecha {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: -2.5vw;
    
  }
a {
  text-decoration: none;
  color: #37193b;
}