body{
 background-image: url("https://img.freepik.com/vector-gratis/fondo-acuarela-pintada-mano-rosa-forma-cielo-nubes_41066-2077.jpg?w=2000");
  text-align:center; 
 background-color:pink;
  height: 100%;
  margin: 0 auto;
  width:100%;
  } 


html {
  scroll-behavior: smooth;
}

.slide:nth-of-type(1) {
  background-image: url("https://i.imgur.com/hudiuDB.jpg");
}

.slide:nth-of-type(2) {
  background-image: url("https://i.imgur.com/h2hESln.jpg");
}

.slide:nth-of-type(3) {
  background-image: url("https://i.imgur.com/QVKDWdW.jpg");
}

.slide:nth-of-type(4) {
  background-image: url("https://i.imgur.com/89gLxcK.jpg");
}

.slide:nth-of-type(5) {
  background-image: url("https://i.imgur.com/BRa606T.jpg");
}

#animacion{
  display:block;
  width:auto; 
}

.slide {
  background-position: center;
  background-size:cover;
  display:inline-block;
  background: white no-repeat center center fixed;
  width: 100%;
  height:650px;
  text-align: center;
  cursor: pointer;
  color: white;
}

.slide__label {
  position: absolute;
  width: 100%;
  top
  padding: 32px;
  font-family: 'Amatic SC', cursive;
  font-weight: 900;
  font-size: 80px;
  backdrop-filter: blur(3px);
  color:black;
}




#zona1 {
  background-color: black;
  opacity:0.8; 
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; width: 15%; top: 2%;  right: 80%; 
 border-radius: 5px;
}
#zona2 {
  background-color: black;
  opacity:0.8; 
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; width: 15%; top: 2%;  right: 60%; 
 border-radius: 5px;
  }
 #zona3 {
  background-color: black;
  opacity:0.8; 
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; width: 15%; top: 2%;  right: 40%; 
 border-radius: 5px;
   }
#zona4{
  background-color: black;
  opacity:0.8; 
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; width: 15%; top: 2%;  right: 20%; 
 border-radius: 5px;
}

#zona5 {
  background-color: black;
  opacity:0.8; 
  color: white;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; width: 17%; top: 2%;  right: 0%; 
 border-radius: 5px;
 
}

a{
  color:white;
  text-decoration:none;
}

#zona1:hover{
  background-color: white;
  opacity:0.8; 
  color: black;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; width: 15%; top: 2%;  right: 80%; 
 border-radius: 5px;
}
#zona2:hover {
  background-color: white;
  opacity:0.8; 
  color: black;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; width: 15%; top: 2%;  right: 60%; 
 border-radius: 5px;
  }
 #zona3:hover {
  background-color: white;
  opacity:0.8; 
  color: black;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; width: 15%; top: 2%;  right: 40%; 
 border-radius: 5px;
   }
#zona4:hover{
  background-color: white;
  opacity:0.8; 
  color: black;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; width: 15%; top: 2%;  right: 20%; 
 border-radius: 5px;
}
#zona5:hover {
  background-color: white;
  opacity:0.8; 
  color: black;
  font-size: 30px;
  font-family: 'Koulen', cursive;
  text-align: center; 
  position: absolute; width: 17%; top: 2%;  right: 0%; 
 border-radius: 5px;
}
#titulo{
  text-align:center;
  font-size:13vw;
  width:100wv;
  margin-top:25vh;
  font-family: 'Pacifico', cursive;
  transition:2s;
}
#titulo:hover{
  text-align:center;
  font-size:17vw;
  width:100wv;
  margin-top:25vh;
  font-family: 'Pacifico', cursive;
}
.heart {
	font-size: 150px;
	color: #e00;
	animation: beat .50s infinite alternate;
	transform-origin: center;
}

/* Heart beat animation */
@keyframes beat{
	to { transform: scale(1.4); }
} 
#fotoperro{
  text-align:center;
}
#perfil{
   margin-top: 650px;
  text-align:center;
  font-family: 'Koulen', cursive;
  border-radius:5px;
  background-color:white;
  font-size:40px; 
 
  }
#Presentacion{
  font-family: 'Koulen', cursive;
  text-align: center; 
  font-size:20px;
  
}


#volver1 {
  font-family: 'Koulen', cursive;
  font-size:25px;
  color: black;
  border-radius:4px;
  background-color:black;
  width:80px;
  opacity:0.8; 
}


#Volver{ 
  background-color: black;
  font-family: 'Bebas Neue', cursive;
  font-size:25px;
  
}
#igperfil {text-align:center; }

#igperfil:hover {
  text-align:center; 
filter: blur(3px);
}

#galeria{
   text-align:center;
  font-family: 'Koulen', cursive;
  border-radius:5px;
  background-color:white;
  font-size:40px
}

#volver2{ 
  font-family: 'Bebas Neue', cursive;
  font-size:25px;
   background-color: black;
}

#futuro{
   text-align:center;
  font-family: 'Koulen', cursive;
  border-radius:5px;
  background-color:white;
  font-size:40px; 
}

#volver3{
   font-family: 'Bebas Neue', cursive;
  font-size:25px;
   background-color: black;
}
#textofuturo1 {
  font-family: 'Koulen', cursive;
  text-align:left; 
  font-size:25px;
  padding-right: 50%;
}

#textofuturo2 {
  font-family: 'Koulen', cursive;
  text-align:right; 
  font-size:25px;
  padding-left: 50%;
  
}

#random {
   text-align:center;
  font-family: 'Koulen', cursive;
  border-radius:5px;
  background-color:white;
  font-size:40px; 
}

#volverinicio {
  
  font-family: 'Bebas Neue', cursive;
  font-size:25px;
  color:white;
   background-color: black;
  position: absolute; width: 19%; top: 90%;  right: 80%; 
 border-radius: 5px;
}

.textorandom{
  font-family: 'Koulen', cursive;
  text-align:center;
background-color:#F3E5F5;
  font-size:25px;
  
}

#volver3{
  font-family: 'Bebas Neue', cursive;
  font-size:25px;
   background-color: black;
}