body{ 
  background-color: #95dfd1;
}
h1{
  color: black;
  font-size: 4.5vw;
  font-family: 'Pangolin', cursive;
  text-align: center;
}
#zona1{
  background-color: #e393b9;
  color: black;
  font-size: 3.5vw;
  font-family: 'Dancing Script', cursive;
  text-align: center; 
  position: absolute; width: 30%; top: 28%;  right: 36%; 
 border-radius: 5px;
}
#zona2 {
  background-color: #9470c4;
  color: white;
  font-size: 3.5vw;
  font-family: 'Dancing Script', cursive;
  text-align: center; 
   position: absolute; width: 30%; top: 40%;  right: 36%; 
 border-radius: 5px;
 }
#zona3 {
  background-color: #e393b9;
  color: black;
  font-size: 3.5vw;
  font-family: 'Dancing Script', cursive;
  text-align: center; 
  position: absolute; width: 30%; top: 52%;  right: 36%; 
 border-radius: 5px;
}
#zona4 {
  background-color: #9470c4;
  color: white;
  font-size: 3.5vw;
  font-family:'Dancing Script', cursive;;
  text-align: center; 
   position: absolute; width: 30%; top: 64%;  right: 36%; 
 border-radius: 5px;
 }
#zona5 {
  background-color: #e393b9;
  color: black;
  font-size: 3.5vw;
  font-family: 'Dancing Script', cursive;
  text-align: center; 
  position: absolute; width: 30%; top: 76%;  right: 36%; 
 border-radius: 5px;
}
#zona6{
  background-color: #519ecf;
  color: black;
  font-size: 3.5vw;
  font-family:'Dancing Script', cursive;
  text-align: center; 
  position: absolute; width: 30%; top: 18%;  right: 36%; 
 border-radius: 5px;
}

#zona1:hover{
  background-color: #9470c4;
  color: white;
  font-size: 3.5vw;
  font-family: 'Dancing Script', cursive;
  text-align: center; 
  position: absolute; width: 30%; top: 28%;  right: 36%; 
 border-radius: 5px;
   box-shadow: 10px 8px 20px black;
  transition-duration: 1s; 
}
#zona2:hover {
  background-color: #e393b9;
  color: black;
  font-size: 3.5vw;
  font-family: 'Dancing Script', cursive;
  text-align: center; 
   position: absolute; width: 30%; top: 40%;  right: 36%; 
 border-radius: 5px;
   box-shadow: 10px 8px 20px black;
  transition-duration: 1s;
}
#zona3:hover {
  background-color: #9470c4;
  color: white;
  font-size: 3.5vw;
  font-family: 'Dancing Script', cursive;
  text-align: center; 
  position: absolute; width: 30%; top: 52%;  right: 36%; 
 border-radius: 5px;
  box-shadow: 10px 8px 20px black;
  transition-duration: 1s;
}
#zona4:hover{
  background-color: #e393b9;
  color: black;
  font-size: 3.5vw;
  font-family:'Dancing Script', cursive;;
  text-align: center; 
   position: absolute; width: 30%; top: 64%;  right: 36%; 
 border-radius: 5px;
  box-shadow: 10px 8px 20px black;
  transition-duration: 1s;
}
#zona5:hover {
  background-color: #9470c4;
  color: white;
  font-size: 3.5vw;
  font-family: 'Dancing Script', cursive;
  text-align: center; 
  position: absolute; width: 30%; top: 76%;  right: 36%; 
 border-radius: 5px;
  box-shadow: 10px 8px 20px black;
  transition-duration: 1s;
}
#zona6:hover{
  background-color: #c6cae3;
  color: black;
  font-size: 3.5vw;
  font-family: 'Dancing Script', cursive;
  text-align: center; 
  position: absolute; width: 30%; top: 18%;  right: 36%; 
 border-radius: 5px;
   box-shadow: 10px 8px 20px black;
  transition-duration: 1s; 
}
 
p{
  right: 10px;
  width: 95%;
  background-color:#fcfaa7;
  color: black;
  padding-top: 15px;
  font-size: 25px;
  font-family:'Indie Flower', cursive;
   padding:25px;
}
.yo{
  float: inherit;
}
.fondogaleria { 
  background-color:#fcfaa7;
}
.volver{
  position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 15px;
    margin-bottom: 10px;
    z-index:2;
}

.galeria{ 
  filter: blur(3px)
}
.galeria:hover{ 
  filter: blur(0px)
}