#vuelta{
  width:100px;
  height:17vh;
  position:absolute;
  background-color:#F6670D;
  right:0;
  top:0;
  margin:20px 30px;
  font-size:5vh;
  font-family: 'Amatic SC', cursive;
  color:white;
  text-align:center;
  line-height:100px;
  border-radius:50%;
  position:fixed;
  border:2px solid white;
  box-shadow:2px 2px 16px rgba(32,32,32,.5);
  z-index:1;
}

#vuelta:hover{
  background-color:white;
  color:#F6670D;
  transition: 1.5s;
}

#retorno63 {
  position:absolute;
  background-color:#F6670D;
  left:0;
  top:0;
  margin:20px 30px;
  font-size:6vh;
  font-family: 'Amatic SC', cursive;
  color:white;
  text-align:center;
  border-radius:3%;
  border:2px solid white;
  box-shadow:2px 2px 16px rgba(32,32,32,.5);
  z-index:1;
}

#retorno63:hover{
  background-color:white;
  color:#F6670D;
  transition: 1.5s; 
}

.fondo{
  width:100%;
  height:115vh;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  background-color:black;
}

*{
  padding:0;
  margin:0;
  box-sizing:border-box;
  scroll-behavior: smooth;
  }

#botones{
  width:100%;
  height:100vh;
  position:absolute;
  top:80%;
  display:flex;
  justify-content:space-around;
  margin:1px -1px;
}

.button{
  width:100px;
  height:10vh;
  color:#F6670D;
  font-size: 6vh;
  font-family: 'Amatic SC', cursive;
  text-align: center;  
  transition: all ease 1s;
}

.button:hover{
  color:white;
}

a{
  text-decoration:none;
 }

.titulos{
  font-size:3vw;
  font-family: 'Libre Bodoni', serif;
  color: white;
  text-align:center;
  background-color:black;
}

.informacion{
  font-size:2vw;
  font-family: 'Libre Bodoni', serif;
  color: white;
  text-align:left-justify;
  border-radius: 20px;
  background-color:black;
  margin-left:10px;
  margin-right:10px;
  opacity:0.25;
  padding-left:20px;
  padding-right:20px;
  z-index:0;
}
.informacion:hover{
  opacity:1;
  transition-duration:1.5s;
}

.fotosperfil{
  filter:grayscale(100%);
  opacity:0.5; 
}

.fotosperfil:hover{
  opacity:1;
  filter:grayscale(0%);
  transition-duration:1.5s;

}

.textos{
  font-size:2vw;
  font-family: 'Libre Bodoni', serif;
  color: white;
  text-align:center;
  background-color:black;
  }

 #apartado-perfil{
background-image: url('https://i.pinimg.com/originals/91/38/55/91385596a91cc41c552c316c7b4babae.jpg');
background-repeat:no-repeat;
   background-size:cover;
   background-position:center;
width:100%;
  min-height:100vh;
margin:0;
  font-family: 'Libre Bodoni', serif;
  color: white;
}

#apartado-colegio{
  background-image: url('https://cutewallpaper.org/28/coraline-house-wallpaper/buttons-beldams-broken-souls-%E2%80%94-coraline-wallpapers.png');
width:100%;
  min-height:100vh;
margin: 0;
   background-color:black;
  background-position:center;
background-repeat:no-repeat;
   background-size:cover;
}

#apartado-galeria{
  background-image: url('https://wallpaperaccess.com/full/3517140.jpg');
width:100%;
  min-height:100vw;
margin: 0;
  background-color:black;
  background-position:center;
background-repeat:no-repeat;
   background-size:cover;
}


#apartado-futuro{
  background-image: url('https://wallpaperaccess.com/full/1893180.jpg');
width:100%;
  min-height:100vh;
margin: 0;
  background-color:black;
background-repeat:no-repeat;
   background-size:cover;
  background-position:center;
}

#apartado-random{
  background-image: url('https://i.pinimg.com/originals/30/13/30/301330eb17e839312f977a109763baa0.jpg');
width:100%;
  min-height:100vh;
margin: 0;
background-repeat:no-repeat;
   background-size:cover;
   background-color:black;
  background-position:center;
}

  
.HojasDeOtono{
  background-image: URL("https://i.pinimg.com/originals/60/89/f5/6089f5e7f87cc9e9ace64bdacc2adacb.png");
  background-size: cover;
  background-repeat: no-repeat;
  opacity:70%;
}
  
#hoja01{
  width: 4vw;
  height: 4vw;
  left: 5vw;
  animation-name: soplarrr;
  animation-duration: 40s;
  animation-iteration-count: infinite;
  
}

#hoja02{
  width: 5vw;
  height: 4vw;
  left: 12vw;
  animation-name: soplarrr;
  animation-duration: 45s;
  animation-iteration-count: infinite;
}

#hoja03{
  width: 4vw;
  height: 4vw;
  left: 23vw;
  animation-name: soplarrr;
  animation-duration: 35s;
  animation-iteration-count: infinite;
}

#hoja04{
  width: 5vw;
  height: 4vw;
  left: 40vw;
  animation-name: soplarrr;
  animation-duration: 45s;
  animation-iteration-count: infinite;
}

#hoja05{
  width: 3vw;
  height: 4vw;
  left: 30vw;
  animation-name: soplarrr;
  animation-duration: 40s;
  animation-iteration-count: infinite;
}

#hoja06{
  width: 5vw;
  height: 4vw;
  left: 47vw;
  animation-name: soplarrr;
  animation-duration: 37s;
  animation-iteration-count: infinite;
}

#hoja07{
  width: 5vw;
  height: 4vw;
  left: 68vw;
  animation-name: soplarrr;
  animation-duration: 49s;
  animation-iteration-count: infinite;
}

#hoja08{
  width: 4vw;
  height: 4vw;
  left: 52vw;
  animation-name: soplarrr;
  animation-duration: 32s;
  animation-iteration-count: infinite;
}

#hoja9{
  width: 5vw;
  height: 4vw;
  left: 75vw;
  animation-name: soplarrr;
  animation-duration: 48s;
  animation-iteration-count: infinite;
}
#hoja10{
  width: 3vw;
  height: 4vw;
  left: 89vw;
  animation-name: soplarrr;
  animation-duration: 37s;
  animation-iteration-count: infinite;
}

  @keyframes soplarrr{
  from {
    position: absolute;
    top: -20vh;
  }
  to {
    position: absolute;
    top: 95vh;
  }
     }