html, body{
  margin: 0;
  scroll-behavior: smooth;
}
#portada{
  width: 100vw;
  height: 100vh;
  background-color: #000039;
  background-image: url("https://i.pinimg.com/564x/45/37/0e/45370eef69606dfb0a5e494ec493fd89.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: center;
}
#perfil{
  height: 100vh;
  width:100vw;
  background-color: #615050;
  font-family:'great vibes';
  
}
#mipasoporelillia{
  height: 100vh;
  width: 100vw;
  background-color: #776a6a;
}
#futuro{
  height: 100vh;
  width: 100vw;
  background-color: #ad9a6f;
}
#multimedia{
  height: 100vh;
  width: 100vw;
  background-color:#e2d9c2 ;
}

#random{
  height: 100vh;
  width: 100vw;
  background-color: #f8f2ce;
  background-image: url("https://i.pinimg.com/originals/76/36/f2/7636f2ceceb315178e95924482402a74.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: center;
}
.boton{
  align-self: center;
  background-color: #F1DBB7;
  background-image: none;
  background-position: 0 90%;
  background-repeat: repeat no-repeat;
  background-size: 4px 3px;
  border-radius: 15px 225px 255px 15px 15px 255px 225px 15px;
  border-style: solid;
  border-width: 2px;
  box-shadow: rgba(0, 0, 0, .2) 15px 28px 25px -18px;
  box-sizing: border-box;
  color: #41403e;
  cursor: pointer;
  display: inline-block;
  font-family: Neucha, sans-serif;
  font-size: 1rem;
  line-height: 23px;
  outline: none;
  padding: .75rem;
  text-decoration: none;
  transition: all 235ms ease-in-out;
  border-bottom-left-radius: 15px 255px;
  border-bottom-right-radius: 225px 15px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.boton:hover {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 8px -5px;
  transform: translate3d(0, 2px, 0);
}

.boton:focus {
  box-shadow: rgba(0, 0, 0, .3) 2px 8px 4px -6px;
}
#button1{
  margin-top: 30vh;
  margin-left: 30vw;
  position: absolute;
}
#button2{
  margin-top: 50vh;
  margin-left: 10vw;
  position: absolute;
}
#button3{
  margin-top: 25vh;
  margin-left: 65vw;
  position: absolute;
}
#button4{
  margin-top: 40vh;
  margin-left: 75vw;
  position: absolute;
}
#button5{
  margin-top: 60vh;
  margin-left: 70vw;
  position: absolute;
}
#button6{
  margin-top: 2vh;
  margin-left: 2vw;
  position: absolute;
}
#button7{
  margin-top: 2vh;
  margin-left: -98vw;
  position: absolute;
}
#button8{
   margin-top: 2vh;
  margin-left: 2vw;
  position: absolute;
}
#button9{
  margin-top: 2vh;
  margin-left: 2vw;
  position: absolute;
}
#button10{
  margin-top: 2vh;
  margin-left: 2vw;
  position: absolute;
}
#imagen1{
  height: 60vh;
  margin-top: 10vh;
  margin-left: 2vw; 
  position: absolute;
}
#imagen2{
  height: 60vh;
  margin-top: 25vh;
  margin-left: 17vw;
  position: absolute;
}
#imagen3{
  height: 40vh;
  margin-top: 15vh;
  margin-left: 35vw;
  position: absolute; 
}
#imagen4{
  height: 60vh;
  margin-top: 25vh;
  margin-left: 57vw;
  position: absolute; 
}
#imagen5{
  height: 60vh;
  margin-top: 10vh;
  margin-left: 75vw;
  position: absolute;
}
#imagen6{
  height: 75vh;
  margin-top: -105vh;
  margin-left: 65vw;
  position: absolute;
}
#imagen7{
  height: 45vh;
  margin-top: -75vh;
  margin-left: 4vw;
  position: absolute;
}
#imagen8{
  height: 65vh;
  margin-top: 15vh;
  margin-left: 10vw;
  position: absolute;
}
#imagensombracorazon{
  height: 20vh;
  margin-top: 10vh;
  margin-left: 1vw;
  position:absolute;
}
#imagenreflejoenlacalle{
  height:20vh;
  margin-top:27vh;
  margin-left: 1vw;
  position:absolute;
}
#imagenmeriendacool{
  height: 20vh;
  margin-top: 44vh;
  margin-left: 1vw;
  position: absolute;
}
#imagenfotoconariel{
  height: 15vh;
  margin-top: 61vh;
  margin-left: 1vw;
  position:absolute;
}
#imagenconmateceleste{
  height: 15vh;
  margin-top: 58vh;
  margin-left:12vw;
  position:absolute;
}
#imagenabrazandoapilar{
  height: 23vh;
  margin-top:32vh;
  margin-left:9.3vw;
  position:absolute;
}
#imagencooldelupd{
  height:20vh;
  margin-top:32vh;
  margin-left:17vw;
  position:absolute;
}
#imagenconunfiltroyunaamigaquenoconoces{
  height:23vh;
  margin-top: 2.2vh;
  margin-left:9.3vw;
  position:absolute;
}
#imagenconguadaalsol{
  height:13vh;
  margin-top: 12vh;
  margin-left: 16.3vw;
  position: absolute;
}
#imagenfotoconlolaypilar{
  height: 15vh;
  margin-top:-7vh;
  margin-left: 16.5vw;
  position:absolute;
}
#imagenenunajoditayjulianlevantalamano{
  height: 15vh;
  margin-top: -24vh;
  margin-left:9.4vw;
  position:absolute;
}
#imagenfotoconmartinalisandromaiaystele{
  height:19vh;
  margin-top: 33vh;
  margin-left:23vw;
  position: absolute;
}
#imagenfotoconpilaryfiltrodebesosenlacara{
  height:20vh;
  margin-top:10vh;
  margin-left:25.4vw;
  position:absolute;
}
#imagenconeliasyjoaquina{
  height:15vh;
  margin-top:-6vh;
  margin-left:26vw;
  position:absolute;
}
#imagenenelupdconambarynazarena{
  height: 15vh;
  margin-top: -25vh;
  margin-left: 27.4vw;
  position:absolute;
}
#imagenazulenlabresh{
  height: 17vh;
  margin-top:2vh;
  margin-left:31.6vw;
  position:absolute;
}
#imagenconlichayelias{
  height:15vh;
  margin-top:16vh;
  margin-left: 31vw;
  position:absolute;
}
#imagentomandodeunabombillaenuncosoplateado{
  height:17vh;
  margin-top:-53vh;
  margin-left:20vw;
  position:absolute;
}
#imagenconunachicadepantalonnegroymallaroja{
  height:23vh;
  margin-top:-27vh;
  margin-left: 37vw;
  position:absolute;
}
#imagenmartinaestasacandolafotoysevesumano{
  height:18vh;
  margin-top:-61.3vh;
  margin-left:27vw;
  position:absolute;
}
#imagenabrazandoaunachicaconlentes{
  height:18vh;
  margin-top: -63vh;
  margin-left:40vw;
  position:absolute;
}
#imagenconlicharau{
  height:15vh;
  margin-top:-50vh;
  margin-left:40vw;
  position: absolute;
}
#imagentomandodelmismovasoconfelicitas{
  height:20vh;
  margin-top:-38vh;
  margin-left:44vw;
  position:absolute;
}
#imagentiernaconjuanabarbero{
  height:15vh;
  margin-top:-21.3vh;
  margin-left:42vw;
  position:absolute;
}
#imagenenelespejohaciendosimboloderock{
  height:15vh;
  margin-top:-8.5vh;
  margin-left:45.4vw;
  position:absolute;
}
#imagenabrazadasconbuzosverdes{
  height:18vh;
  margin-top:-82vh;
  margin-left:47.4vw;
  position:absolute;
}
#imagenconfelicitasalsol{
  height:17vh;
  margin-top:-70vh;
  margin-left:51vw;
  position:absolute; 
}
#imagenmuchagenteenunacamioneta{
  height: 20vh;
  margin-top: -35vh;
  margin-left: 52vw;
  position:absolute;
}
#imagenfotoconabru{
  height: 20vh;
  margin-top:-63vh;
  margin-left:52vw;
  position:absolute;
}
#matildahs{
  margin-top:-35vh;
  margin-left:60vw;
  position:absolute;
}
#texto1{
  font-size: 5.3vh;
  position: absolute;
  margin-top: 15vh;
  margin-left:11vw;
  font-family: 'Cedarville Cursive', cursive;
}
#spotify{
  height:25vh;
  margin-top:80vh;
}
#vlogenelautodelicha{
margin-top:8vw;
margin-left: 6vw;
  position:absolute;
}
#vlogconmatu{
  margin-top: 8vw;
  margin-left: 33.5vw;
  position:absolute;
}
#momentoswiftie{
  margin-top:8vw;
    margin-left:61vw;
  position:absolute;
}
#duendesdelbosque{
  margin-top:35vw;
  margin-left: 6vw;
  position:absolute;
}
#casita{
  margin-top: 35vw;
  margin-left: 33vw;
  position:absolute;
}
#quemandoamisamigos{
  margin-top:35vw;
  margin-left:61vw;
  position:absolute;
}