html {
  scroll-behavior: smooth;
}
body {
  background-image: url(https://i.pinimg.com/originals/84/2e/b1/842eb1d761ced243d6b2dac53cf4139d.jpg);
  background-position: center;
  background-size: 36vw;
  background-attachment:fixed;
  overflow-y: scroll; 
  overflow-x:hidden;
}

/*HASTA ACÁ VA EL FONDO*/

#menu {
  position: absolute;
  list-style-type: none;
  width: 59.3vw;
  padding-left: 18vw;
  padding-right: 11vw;
  padding-top: 1vw;  
  padding-bottom: 1vw;  
  background:#8a817c;
  overflow: hidden;
  margin-left: 5.5vw;
  text-align: left;
}
#menu a{
  margin: 0vw;
  font-family: 'Playfair Display', serif;
  font-size: 3vw;
  color: #252422;
  text-decoration: none;
  padding: 0.2vw;
  text-align: center;
}

#menu a:hover{
  color:#bcb8b1;
  background-color:#463f3a;
  transition-duration:0.8s; 
}

.botones{
  padding: 12px;
}

/*HASTA ACÁ VA LA BARRA*/

.box{
  background-color:#bcb8b1;
  padding: 19vw;
  margin-left: 5.5vw;
  width: 50.3vw;
  float: center;
  border-radius:0.5vw;
  align: center;
  
}
#nombre{
  position: relative;
  padding: 1.5vw;
  padding-left: 0vw;
  padding-right: 1.5vw;
  margin-left: 11vw;
  left: 1vw;
  width: 50vw;
  font-family: 'UnifrakturMaguntia',          cursive;
  font-size: 6vw;
  color: #403d39;
  margin-top: 1vw;
  -webkit-text-stroke: 0.1px gray;
}
#gif1{
  position: relative;
  left: -2vw;
  top: 10vw;
}

#gif2{
  position: relative;
  left: 43vw;
  bottom: 10vw;
}

.gif{
  width:13vw;
  heigth: 6vw;
}

#perfil, #illia, #random, #futuro, #galeria{
  padding: 1.5vw;
  padding-left: 0vw;
  padding-right: 1vw;
  width: 50vw;
  float: center; 
  font-family: 'UnifrakturMaguntia',     cursive;
  font-size: 4vw;
  color: white;
  background-color: #403d39;
  text-align: center;
  margin-top: 34vw;
}
 
.botones{
  font-family: 'Playfair Display', serif;
  font-size: 2vw;
  color: white;
  text-decoration: none;
  padding: 1.4vw;
  text-align: center;
  margin-left: 5.5vw;
  background-color: #252422;
  opacity: 60%;
  border-radius: 12px;
  top: 10vw;
  position: relative;
}

.parrafos {
  margin-top: 2vw;
  font-family: 'Playfair Display', serif; 
  font-size: 2vw;
  text-align: justify;
  color: black;
}

#guia{
  font-size: 3vw;
  font-family: 'Staatliches', cursive;
  color: #6F0D0D;
  text-align: center;
}

.videos {
  width: 100vw;
  height: 44vh;
  margin-top: 1vw;
  align: center;
  
  
  
}

/*acá empieza la galería*/

#wrapper {
    position: relative;
    height: 25vh;
    width: 45vw;
    margin: 15vw;
    margin-top: 5vw;
    margin-bottom: 17vw;
    margin-left: 9vw;
}

.fotosGaleria {
  height: 20vh;
  width: 10vw;
  
}