body {
  background-image: url(https://64.media.tumblr.com/561924c5d54a3e9cbd2b06a4157ec5ff/5ed8fdd60d9daea3-47/s2048x3072/336ebe257825ebb4b2f978f07e92c361268cc189.pnj);
}

html {
  scroll-behavior: smooth;
}
#casa{
  text-align: center;
}
#tituloanuario{
   text-align: right;
  color: #682f50;
  font-family: "DM Serif Display", serif;
   text-decoration: none;
  color: #37193b;
  background-color: #e2cef0;
  text-align: center;
  font-family: "DM Serif Display", serif;
}
#titulo {
  text-align: center;
  color:#e2cef0;
  font-family: "DM Serif Display", serif; 
  text-shadow: 2px 2px 5px #682f50;
  
}
#parrafo1 {
  position: absolute;
  left: 36%;
  right: 36%;
  top: 150px;
  font-size: 20px;
  text-align: center;
  color: #682f50;
  text-shadow: 2px 2px 5px #37193b;
  font-family: "Philosopher", sans-serif;
}
#imagen1 {
  text-align: center;
  margin-top: ;
}
#gif1 {
  position: absolute;
  top: 5vw;
  right: 30vw;
}
a {
  text-decoration: none;
  color: #37193b;
  background-color: #e2cef0;
  text-align: center;
  font-family: "DM Serif Display", serif;
}
a:hover{
  background-color:#682f50;
  
}
#Perfil {
   float:left;
 
  font-size: 30px;
 
}
#galeria {
 float:left;
  font-size: 30px;
  

}
#paso {
 float:left;
  font-size: 30px;
   
}
#futuro {
  float:left;
  font-size: 30px;

}
#random {
   float:left;
 border-radius: 5px;
  font-size: 30px;

}
#gifseparador {
  text-align: center;
  margin-top: 20px;
}

#perfiltitulo {
  text-align: center;
  background-color: #e2cef0;
  color: #37193b;
  font-family: "DM Serif Display", serif;
}
#textoperfil {
  position: absolute;
  left: 36%;
  right: 36%;
  font-size: 20px;
  text-align: center;
  color: #682f50;
  text-shadow: 2px 2px 5px #37193b;
  font-family: "Philosopher", sans-serif;
}
#imagenperfil {
  position: absolute;
  left: 100px;
  top: ;
  box-shadow: 2px 2px 5px #37193b;
}
#imagenperfil2 {
  position: absolute;
  right: 100px;
  top: ;
 
  box-shadow: 2px 2px 5px #37193b;
}

#lista {
  color: #e2cef0;
  margin-top: 10vw;
  position: absolute;
  left: 36%;
  right: 36%;
  font-size: 20px;
  font-family: "DM Serif Display", serif;
  text-shadow: 2px 2px 5px #37193b;
  text-align: left;
}

#galeriatitulo {
  text-align: center;
  background-color: #e2cef0;
  color: #37193b;
  font-family: "DM Serif Display", serif;
  margin-top: 600px;
}
#container1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  transition: transform 1s;
  filter: blur(2px);
  margin-top:2vw;
 
}


#container1:hover {
  transform: scale(1.1);
  filter: blur(0px);
}



#pasotitulo {
  text-align: center;
  background-color: #e2cef0;
  color: #37193b;
  font-family: "DM Serif Display", serif;
  margin-top: 5vw;
}
#textopaso {
  position: absolute;
  left: 36%;
  right: 36%;
  font-size: 20px;
  text-align: center;
  color: #682f50;
  text-shadow: 2px 2px 5px #37193b;
  font-family: "Philosopher", sans-serif;
}

#gifpaso {
  margin-top: 16vw;
  text-align: center;
}

#futurotitulo {
  text-align: center;
  background-color: #e2cef0;
  color: #37193b;
  font-family: "DM Serif Display", serif;
  margin-top: 4vw;
}
#textofuturo {
  position: absolute;
  left: 36%;
  right: 36%;
  font-size: 20px;
  text-align: center;
  color: #682f50;
  text-shadow: 2px 2px 5px #37193b;
  font-family: "Philosopher", sans-serif;
}
#fotofuturo {
  position: absolute;
  left: 3vw;
}
#fotofuturo2 {
  margin-top: 14vw;
  text-align: center;
  filter: blur(3px);
}
#fotofuturo2:hover {
  filter: blur(0px);
  transform: scale(1.1);
  transition: transform 3s;
}
#randomtitulo {
  text-align: center;
  background-color: #e2cef0;
  color: #37193b;
  font-family: "DM Serif Display", serif;
  margin-top: 50px;
}
#fotorandom{
  text-align: center;
  margin-top: 2.3vw;
  filter: blur(4px)
}
#fotorandom:hover {
  filter: blur(0px);
  transform: scale(1.1);
  transition: transform 3s;
}


#flecha {
  position: fixed;
  bottom: 0;
  right: 100;
  margin: -2.5vw;
    
  }
#casa {
  position: absolute;
  right: 5vw;
  margin: -2.5vw;
 margin-top: 0vw;
  }