/*display:flex;
fuentes:
font-family: 'Patrick Hand', cursive;
font-family: 'Romanesco', cursive; (BOTON)
font-family: 'Kaushan Script', cursive;(TITULO)
font-family: 'Ma Shan Zheng', cursive;
font-family: 'Mansalva', cursive; (BOTON)
font-family: 'New Rocker', cursive;
font-family: 'Rubik Vinyl', cursive;(TITULO)
font-family: 'Fredericka the Great', cursive;(TITULO)
font-family: 'Bebas Neue', sans-serif;
*/
a{
  text-decoration: none;
  color: #2b2019;
}
body, html{
  background-color:#d9bf8c;
  scroll-behavior:smooth;
  /*overflow: hidden;*/
  margin: 0;
}

/*---------------------(inicio del anuario)---------------------------------------------*/

#portada{
   min-height: 55vw;
   background-image: url(https://i.pinimg.com/564x/70/a7/f1/70a7f1361808b04130aea0919a4146ac.jpg);
  background-position: 0vw 0vw;
  background-size: 100% 100%;
}
#titulo{
  font-family: 'Fredericka the Great', cursive;
  color: #2b2019;
  font-size: 11vw;
  position: absolute; 
  margin-top:-4.5vw; left:9vw;
}
#volver{
  font-size:2vw;
  font-family: 'Mansalva', cursive;
  position: center;
  margin-top: 1vw; left: 15vw; 
}
.boton{
  font-size:2.5vw;
  font-family: 'Mansalva', cursive;
  position: center;
}
.boton:hover{
  transform: scale(1.5);
  transition: transform 1s;
}
#boton1{
  width:12.5vw;
  height:12.5vw;
  background-color:/*#bcb1a3*/#6f8090;
  margin: 1vw;
  padding:3vw;
  /*-webkit-border-radius: 50px;*/
  /*-moz-border-radius: 50px;*/
  border-radius: 10vw;
  /*line-height:7vw;*/
  /*text-transform: uppercase;*/
  /*float:right;*/
  position: absolute; 
  margin-top: 4vw; right: 16vw; 
}
#boton1:hover{
  color:white;
  background-image: url(https://i.pinimg.com/236x/20/54/13/20541313177d7003eef98bcbb6137742.jpg);
  width:12.5vw;
  height:12.5vw;
  /*line-height:7vw;*/
  background-position: -1vw -5vw;
  background-size: 110% 140%;
}
#boton2{
  width:14vw;
  height:14vw;
  background-color:	#86592d;
  margin: 1vw;
  padding:3vw;
  /*-webkit-border-radius: 50px;*/
  /*-moz-border-radius: 50px;*/
  border-radius: 10vw;
  /*line-height:9vw;*/
  /*text-transform: uppercase;*/
  /*float:right;*/
  position: absolute; 
  margin-top: 30vw; right: 8vw;
}
#boton2:hover{
  color:white;
  background-image: url(https://i.pinimg.com/236x/00/9f/e1/009fe13f02fd5f94e02512a46169a3d2.jpg);
  width:14vw;
  height:14vw;;
  /*line-height:9vw;*/
  background-position: 0vw -1vw;
  background-size: 100% 120%;
}
#boton3{
  width:13.5vw;
  height:13.5vw;
  background-color:#732626;
  margin: 1vw;
  padding:3vw;
  /*-webkit-border-radius: 50px;*/
  /*-moz-border-radius: 50px;*/
  border-radius: 10vw;
  /*line-height:8vw;*/
  /*text-transform: uppercase;*/
  /*float:right;*/
  position: absolute; 
  margin-top:24.5vw; right: 37vw;
}
#boton3:hover{
  color:white;
  background-image: url(https://i.pinimg.com/236x/eb/3a/7c/eb3a7c097aa04c25f06c1e4915040b02.jpg);
  width:13.5vw;
  height:13.5vw;
  /*line-height:8vw;*/
  background-position: 0vw -1vw;
  background-size: 100% 120%;
}
#boton4{
  width:13.5vw;
  height:13.5vw;
  background-color:#815942;
  margin: 1vw;
  padding:3vw;
  /*-webkit-border-radius: 50px;*/
  /*-moz-border-radius: 50px;*/
  border-radius: 10vw;
  /*line-height:9vw;*/
  /*text-transform: uppercase;*/
  /*float:right;*/
  position: absolute; 
  margin-top: 38vw; left: 22vw;
}
#boton4:hover{
  color:white;
  background-image: url(https://i.pinimg.com/236x/b0/23/98/b0239801f85ded7167083fff071f4076.jpg);
  width:13.5vw;
  height:13.5vw;
  /*line-height:9vw;*/
  background-position: 0vw 0.5vw;
  background-size: 100% 110%;
}
#boton5{
  width:14vw;
  height:14vw;
  background-color:	/*#815942*/#587246;
  margin: 1vw;
  padding:3vw;
  /*-webkit-border-radius: 50px;*/
  /*-moz-border-radius: 50px;*/
  border-radius: 10vw;
  /*line-height:10vw;*/
  /*text-transform: uppercase;*/
  /*float:right;*/
  position: absolute; 
  margin-top:23vw; left: 4vw;
} /*arreglar fonod de los botones*/
#boton5:hover{
  color:white;
  background-image: url(https://i.pinimg.com/236x/0e/d7/04/0ed704cd8d544e4dcc3ea7603766d45c.jpg);
  width:14vw;
  height:14vw;
  /*line-height:10vw;*/
}
#aclaracion{
  font-family: 'Bebas Neue', sans-serif;
  position: absolute; 
  margin-top: 45vw; left: 64vw;
  font-size: 2.5vw;
}
/*-------------------(PERFIL)-----------------------------------------------*/
#perfil{
   min-height: 56vw;
   background-color:#001546;
  /*background-image: url(https://i.pinimg.com/564x/53/a1/02/53a10235aab3638c8a5cf3ebf31de6e2.jpg);*/
}
#estrella1{
  position:absolute; 
  margin-top:0vw; left:91.5vw;
  font-size: 3vw;
}
#foto1{
  width:31.6vw;
  position:absolute; 
  margin-top:0vw; left:0vw;
}
#nombre{
  font-size:5.5vw;
  font-family: 'Romanesco', cursive;
  color: white;
  position: absolute; 
  margin-top: 50vw; left:12vw;
}
.datos{
  font-size:2.5vw;
  padding:3vw;
  border-radius: 10vw;
  font-family: 'Romanesco', cursive;
  background-color:#ffe140;
}
.datos:hover{
  transform: scale(1.5);
  transition: transform 0.7s;
}
#siyofuera{
  font-family: 'Fredericka the Great', cursive;
  position:absolute; left:36vw; 
  margin-top:4vw;
  font-size: 4vw;
  color: white;
}
#colora{
  width:2.5vw;
  height:2.5vw;
  line-height:2.5vw;
  position: absolute; 
  margin-top: 12vw; left: 37vw;
}
#colora:hover{
  color: #ffe140;
  background-image: url(https://i.pinimg.com/236x/23/71/7f/23717f9d1774348862cb603c7eec1203.jpg);
  background-position: -16vw -16vw;
  background-size: 80% 140%;
  width:2.5vw;
  height:2.5vw;
  line-height:2.5vw;
}
#animal{
  width:3.5vw;
  height:3.5vw;
  line-height:3.5vw;
  position: absolute; 
  margin-top: 14vw; left: 53vw;
}
#animal:hover{
  color: #ffe140;
  background-image: url(https://i.pinimg.com/736x/cf/c9/b0/cfc9b0ea6a1520b938289ab179a20cd1.jpg);
  background-position: -14vw -16vw;
  background-size: 150% 150%;
  width:3.5vw;
  height:3.5vw;
  line-height:3.5vw;
  /*opacity: 0;*/
}
#clima{
  width:3vw;
  height:3vw;
  line-height:3vw;
  position: absolute; 
  margin-top: 13vw; left: 84vw;
}
#clima:hover{
  color: #ffe140;
  background-image: url(https://i.pinimg.com/236x/96/fb/b2/96fbb2173b44010e1040d3d4f09cc3a3.jpg);
  background-position: 1vw 0vw;
  background-size: 90% 120%;
  width:3vw;
  height:3vw;
  line-height:3vw;
  /*opacity: 0;*/
}
#flor{
  width:2.5vw;
  height:2.5vw;
  line-height:2.5vw;
  position: absolute; 
  margin-top: 20vw; left: 70vw;
}
#flor:hover{
   color: #ffe140;
  background-image: url(https://i.pinimg.com/236x/05/40/8d/05408d05d1a6d9fb988da7cf69aa9855.jpg);
  background-position: -19vw -17vw;
  background-size: 110% 160%;
  width:2.5vw;
  height:2.5vw;
  line-height:2.5vw;
}
#elemento{
  width:5.5vw;
  height:5.5vw;
  line-height:5.5vw;
  position: absolute; 
  margin-top: 26vw; left: 40vw;
}
#elemento:hover{
   color: #ffe140;
  background-image: url(https://i.pinimg.com/236x/35/5a/5b/355a5bc1ed6fd474de3ecc36bf7c7aa2.jpg);
  background-position: -17vw -17vw;
  background-size: 150% 150%;
  width:5.5vw;
  height:5.5vw;
  line-height:5vw;
}
#princesa{
  width:4.5vw;
  height:4.5vw;
  line-height:4.5vw;
  position: absolute; 
  margin-top: 3.5vw; left: 68vw;
}
#princesa:hover{
  color: #ffe140;
  opacity-text: 0;
  background-image: url(https://i.pinimg.com/564x/64/46/d3/6446d33525718c9fe22b50a80258d023.jpg);
  background-position: -16vw -17vw;
  background-size: 80% 140%;
  width:4.5vw;
  height:4.5vw;
  line-height:4.5vw;
}
#lugar{
  width:3vw;
  height:3vw;
  line-height:3vw;
  position: absolute; 
  margin-top: 30vw; left: 60vw;
}
#lugar:hover{
  color: #ffe140;
  background-image: url(https://i.pinimg.com/236x/86/7e/25/867e25bd3de2ca4dbb4e6ec26efa058d.jpg);
  background-position: 0vw -2vw;
  background-size: 100% 120%;
  width:3vw;
  height:3vw;
  line-height:3vw;
}
#estacion{
  width:4.5vw;
  height:4.5vw;
  line-height:4.5vw;
  position: absolute; 
  margin-top: 30vw; left: 81vw;
}
#estacion:hover{
  color: #ffe140;
  background-image: url(https://i.pinimg.com/236x/54/ea/ac/54eaac124c768610c07314acbf8dd538.jpg);
  background-position: -11vw -10vw;
  background-size: 100% 100%;
  width:4.5vw;
  height:4.5vw;
  line-height:4.5vw;
}
#cancion{
  width:4vw;
  height:4vw;
  line-height:4vw;
  position: absolute; 
  margin-top: 42vw; left: 35vw;
}
#cancion:hover{
  color: #ffe140;
  background-image: url(https://i.pinimg.com/236x/27/7b/e1/277be19125e2f3370053e0d5f330b644.jpg);
  background-position: -0.5vw -4vw;
  background-size: 110% 140%;
  width:4vw;
  height:4vw;
  line-height:4vw;
}
#numero{
  width:3.5vw;
  height:3.5vw;
  line-height:3.5vw;
  position: absolute; 
  margin-top: 43vw; left: 55vw;
}
#numero:hover{
  color: #ffe140;
  background-image: url(https://i.pinimg.com/236x/f7/9f/f2/f79ff26d7c95d4896e643fb2bdd425a4.jpg);
  background-position: -1.4vw -2.1vw;
  background-size: 130% 140%;
  width:3.5vw;
  height:3.5vw;
  line-height:3.5vw;
}
#bebida{
  width:3.5vw;
  height:3.5vw;
  line-height:3.5vw;
  position: absolute; 
  margin-top: 43vw; left: 75vw;
}
#bebida:hover{
  color: #ffe140;
  background-image: url(https://i.pinimg.com/236x/aa/09/39/aa0939be85feaa5ba0bd4a7404109bb9.jpg);
  background-position: 0vw -7.5vw;
  background-size: 100% 190%;
  width:3.5vw;
  height:3.5vw;
  line-height:3.5vw;
}

/*-------------------(COLEGIO)-----------------------------------------------*/

#colegio{
   min-height: 55vw;
   /*background-color:#86592d;*/
  background-image: url(https://i.imgur.com/lyrK8Wr.png);
  background-position: 0vw 0vw;
  background-size: 100% 110%;
}
#estrella2{
  position:absolute; top:100w; left:1vw;
  font-size: 3vw;
}
#texto1{
  font-family: 'Mansalva', cursive;
  color: #570000;
  font-size: 2.1vw;
  position: absolute; 
  margin-top:16vw; left:29vw; right: 28vw;
  text-align: justify;
}
#ingreso{
  width:32vw;
  height:22vw;
  position:absolute; 
  margin-top:32vw; left:16vw;
}
#ciclobasico{
  color: white;
  font-size:2.5vw;
  padding:3vw;
  border-radius: 10vw;
  font-family: 'Romanesco', cursive;
  background-color:#570000;
  width:7.4vw;
  height:1vw;
  line-height:1vw;
  position: absolute; 
  margin-top: 19vw; left: 75.4vw;
}
#ciclosuperior{
  color: white;
  font-size:2.5vw;
  padding:3vw;
  border-radius: 10vw;
  font-family: 'Romanesco', cursive;
  background-color:#570000;
  width:8.4vw;
  height:1vw;
  line-height:1vw;
  position: absolute; 
  margin-top: 27vw; left: 75vw;
}

/*-------------------(CICLO BASICO)-----------------------------------------------*/
#colegio2{
   min-height: 56vw;
   /*background-color:#86592d;*/
  background-image: url(https://i.pinimg.com/564x/b6/6d/4e/b66d4e6fe85489db805e019fec0d0358.jpg);
  background-position: 0vw -5vw;
  background-size: 100% 110%;
}
#estrella3{
   position:absolute; 
  margin-top:0vw; left:1vw;
  font-size: 3vw;
}
#textocb{
  font-family: 'Mansalva', cursive;
  color: white;
  font-size: 1.59vw;
  position: absolute; 
  margin-top:0.5vw; left:8vw; right: 26vw;
  text-align: justify;
}
.fotoscb {
  position: absolute;
  filter: grayscale(10);
}
.fotoscb:hover{
    filter: grayscale(0);
    transform: scale(1);
}
#cb1{
  margin-top:24vw;
  margin-left: 24vw; 
  width:23vw;
  height:12vw;
}
#cb2{
  margin-top:38vw;
  margin-left: 28vw;
  width:22vw;
  height:15vw;
}
#cb3{
  margin-top:37vw;
  margin-left: 51vw; 
  width:20vw;
  height:16vw;
}
#cb4{
  margin-top:34vw;
  margin-left: 72.5vw;
  width:23vw;
  height:19vw;
}
#cb5{
  margin-top:18vw;
  margin-left: 72.5vw; 
  width:23vw;
  height:14vw;
}
#cb6{
  margin-top:2vw;
  margin-left: 72.5vw; 
  width:23vw;
  height:14vw;
}
#cb7{
  margin-top:38vw;
  margin-left: 1vw;
  width:26vw;
  height:15vw;
}
#cb8{
  margin-top:9vw;
  margin-left: 48vw;
  width:23vw;
  height:27vw;
}
#cb9{
  margin-top:9vw;
  margin-left: 24vw;
  width:23vw;
  height:12vw;
}
#cb12{
  margin-top:9vw;
  margin-left: 1vw;
  width:22vw;
  height:27vw;
}

/*-------------------(CICLO SUPERIOR)-----------------------------------------------*/

#colegio3{
   min-height: 62vw;
   /*background-color:#86592d;*/
  background-image: url(https://i.pinimg.com/564x/60/94/7c/60947c9722118108ae1eda76f7186ceb.jpg);
  background-position: 0vw -5vw;
  background-size: 100% 110%;
}
#estrella4{
   position:absolute; 
  margin-top: 2vw;
  margin-left: 87vw;
  font-size: 3vw;
}
#textocs{
  font-family: 'Mansalva', cursive;
  color: white;
  font-size: 2.2vw;
  position: absolute; 
  margin-top: 1.5vw; right: 13vw; left: 76vw;
  text-align: center;
}
.fotoscs{
  position: absolute;
}
#csvida{
  margin-top:37vw;
  margin-left: 55vw;
  width:40vw;
  height:24vw;
}
#csupd{
  margin-top:1vw;
  margin-left: 1vw;
  width:24vw;
  height:43vw;
}
#csgael{
  margin-top:12vw;
  margin-left: 76vw; 
  width:19vw;
  height:24vw;
}
#cscuartogrupo{
  margin-top:45vw;
  margin-left: 1vw;
  width:19vw;
  height:16vw;
}
#csame{
  margin-top:45vw;
  margin-left: 35vw;
  width:19vw;
  height:16vw;
}
#csespejoescuela{
  margin-top:23vw;
  margin-left: 26vw;
  width:14vw;
  height:19vw;
}
#csupdespejo{
  margin-top:19vw;
  margin-left: 55vw;
  width:20vw;
  height:17vw;
}
#csjuanita{
  margin-top:2vw;
  margin-left: 26vw;
  width:14vw;
  height:16vw;
}
#csupdbalcon{
  margin-top:1vw;
  margin-left: 55vw;
  width:20vw;
  height:17vw;
}
#csfde{
  margin-top:4vw;
  margin-left: 41vw;
  width:13vw;
  height:17vw;
}
#csterraza{
  margin-top:23vw;
  margin-left: 41vw;
  width:13vw;
  height:16vw;
}
#csespejoescuela2{
  margin-top:45vw;
  margin-left: 21vw;
  width:13vw;
  height:16vw;
}

/*-------------------(FUTURO)-----------------------------------------------*/
#futuro{
   min-height: 53vw;
  background-image: url(https://i.imgur.com/Vk3xNqY.png);
  background-position: 0vw 0vw;
  background-size: 100% 100%;
}
#estrella5{
  position: absolute; 
}
#UNA{
  margin-top:31vw;
  margin-left: 2vw;
  width:18vw;
  height:13vw;
  position: absolute;
}
#subte{
  margin-top:31vw;
  margin-left: 32vw;
  width:12vw;
  height:13vw;
  position: absolute;
}
#palermocalle{
  margin-top:31vw;
  margin-left: 21vw;
  width:10vw;
  height:13vw;
  position: absolute;
}
#logouna{
  margin-top:15vw;
  margin-left: 78vw;
  width:8vw;
  height:8vw;
  position: absolute;
}
#logoemad{
  margin-top:24vw;
  margin-left: 78vw;
  width:8vw;
  height:8vw;
  position: absolute;
}
.textofuturo{
  position: absolute;
  font-size: 1.5vw;
  font-family: 'Mansalva', cursive;
  color: white;
  text-align: justify;
}
#textofuturo1{
  margin-top: 13.5vw;
  margin-left: 18vw;
  margin-right: 54vw;
}
#textofuturo2{
  margin-top: 13.5vw;
  margin-left: 46vw;
  margin-right: 27vw;
}
#textofuturo3{
  margin-top: 23.5vw;
  margin-left: 46vw;
  margin-right: 27vw;
}
#ciudad{
  position: absolute; 
  margin-top:45.5vw;
  margin-left: 15vw;
  font-size: 4vw;
  font-family: 'Kaushan Script', cursive;
  color: #f7791b;
}
/*-------------------(GALERIA)-----------------------------------------------*/
#galeria{
   min-height: 55vw;
  background-image: url(https://i.imgur.com/3gU8J3f.jpg);
  background-position: 0vw 0vw;
  background-size: 100% 100%;
}
#estrella6{
  position: absolute;
  margin-top: 1vw;
  margin-left: 91vw;
}
.textomenu{
  font-family: 'Bebas Neue', sans-serif;
  font-size:2vw;
  background-color: black;
  color: white;
  /*height:3vw;*/
  text-align: center;
  border-radius: 1.5vw;
}
#mayores{
  line-height:3vw;
  width:16vw;
  position: absolute; 
  margin-top: 19.25vw; left: 75vw;
}
#precesanti{
  width:14vw;
  position: absolute; margin-top: 31vw; left: 83vw;
}
#precemigue{
  width:14vw;
  position: absolute; margin-top: 31vw; left: 68.5vw;
}
#pity{
  width:14vw;
  position: absolute; margin-top: 42vw; left: 68.5vw;
}
#flechamenu1{
  font-size: 1.5vw;
  posion:absolute; margin-top: 6vw; margin-left: 92.8vw;
}
#vegana{
  line-height:3vw;
  width:18vw;
  position: absolute; 
  margin-top: -6.5vw; left: 47vw;
}
#peques1{
  width:14vw;
  position: absolute; margin-top: 19.9vw; left: 51vw;
}
#peques2{
  width:14vw;
  position: absolute; margin-top: 8.3vw; left: 36.3vw;
}
#cumple{
  width:14vw;
  position: absolute; margin-top: 5.5vw; left: 51vw;
}
#angie{
  width:14vw;
  position: absolute; margin-top: 19.9vw; left: 36.3vw;
}
#rupestre{
  line-height:3vw;
  width:16vw;
  position: absolute; 
  margin-top: 28vw; left: 17.5vw;
}
#playa{
  width:13vw;
  position: absolute; margin-top: 35vw; left: 4vw;
}
#vidachicas{
  width:15.5vw;
  position: absolute; margin-top: 40.7vw; left: 17.5vw;
}
#chocolatebyn{
  line-height:3vw;
  width:22vw;
  position: absolute; 
  margin-top: -6.5vw; left: 68.3vw;
}
#guadacasapili{
  width:12vw;
  position: absolute; margin-top: 17.3vw; left: 69vw;
}
#guadaboliche{
  width:20vw; 
  position: absolute; margin-top: 5.5vw; left: 69vw;
}
#guadafeli{
  width:14vw; 
  position: absolute; margin-top: 17.3vw; left: 82vw;
}
#parallevar{
  line-height:3vw;
  width:16vw;
  position: absolute; 
  margin-top: 8vw; left: 16vw;
}
#juaniboca{
  width:11vw; 
  position: absolute; margin-top: 16.5vw; left: 4vw;
}
#bsasespejo{
  width:10vw; 
  position: absolute; margin-top: 20vw; left: 15.5vw;
}
#juanimuseo{
  width:6.5vw; 
  position: absolute; margin-top: 20vw; left:26vw;
}
#micro{
  width:11vw; 
  position: absolute; margin-top: 25vw; left:4vw;
}
#galeriaspacifico{
  width:6.5vw; 
  position: absolute; margin-top: 25vw; left: 26vw;}
#niños{
  line-height:3vw;
  width:16vw;
  position: absolute; 
  margin-top: 31.5vw; left: 37vw;
}
#uma{
  width:10.5vw; 
  position: absolute; margin-top: 39.6vw; left: 54vw;
}
#chocolate{
  width:12vw; 
  position: absolute; margin-top: 43.5vw; left: 39vw;
} 

/*-------------------(GALERIA PARTE 2)-----------------------------------------------*/
#galeria2{
   min-height: 55vw;
  background-image: url(https://i.imgur.com/2Lt4qdh.jpg);
  background-position: 0vw 0vw;
  background-size: 100% 100%;
}
#flechamenu2{
  font-size: 1.5vw;
  posion:absolute; margin-top: 1vw; margin-left: 93vw;
}
#celiacosyketo{
  line-height:2.5vw;
  width:10vw;
  height:8.5vw;
  position: absolute; 
  margin-top: -2.5vw;
  margin-left: 68vw;
  margin-right: 80vw;
}
#santi{
  width:15vw; 
  position: absolute; margin-top: 11.5vw; left: 68.5vw;
}
#santibauti{
  width:13.5vw; 
  position: absolute; margin-top: 1vw; left: 79vw;
}
#bauti{
  width:13vw; 
  position: absolute; margin-top: 11.5vw; left: 84vw;
}
#picnic{
  width:14vw; 
  position: absolute; margin-top: 1vw; left: 8.5vw;
}
#plaza{
  width:10vw; 
  position: absolute; margin-top: 1vw; left: 23.5vw;
}
#teres{
  line-height:3vw;
  width:14vw;
  height:3vw;
  position: absolute; 
  margin-top: 10.5vw;
  margin-left: 4.5vw;
}
#teresaunder{
  width:12.5vw; 
  position: absolute; margin-top: 24.2vw; left: 20vw;
}
#teresabaño{
  width:16vw; 
  position: absolute; margin-top: 18.3vw; left: 3.5vw;
}
#teresabaño1{
  width:12.5vw; 
  position: absolute; margin-top: 13.5vw; left: 20vw;
}
#desayunos{
  line-height:3vw;
  width:20vw;
  height:3vw;
  position: absolute; 
  margin-top: 31.7vw;
  margin-left: 7.5vw;
}
#dinette{
  width:10vw; 
  position: absolute; margin-top: 39vw; left: 3.5vw;
}
#late{
  width:10vw; 
  position: absolute; margin-top: 39vw; left: 13.75vw;
}
#star{
  width:10vw; 
  position: absolute; margin-top: 39vw; left: 24vw;
}
#tragos{
  line-height:3vw;
  width:16vw;
  position: absolute; 
  margin-top: -2vw; left: 42.5vw;
}
#halloween{
  width:10vw; 
  position: absolute; margin-top: 5.5vw; left: 36vw;}
#ameunder{
  width:6.7vw; 
  position: absolute; margin-top: 11.2vw; left: 46.5vw;
}
#pili{
  width:6.7vw; 
  position: absolute; margin-top: 5.5vw; left: 46.5vw;
}
#felipiliunder{
  width:11.5vw; 
  position: absolute; margin-top: 5.5vw; left: 53.5vw;
}
#postres{
  line-height:3vw;
  width:16vw;
  position: absolute; 
  margin-top: 18.5vw; left: 37vw;
}
#santino{
  width:19vw; 
  position: absolute; margin-top: 41vw; left: 68vw;
}
#facu{
  width:9.5vw; 
  position: absolute; margin-top: 39.5vw; left: 56vw;
}
#nesta{
  width:9.5vw; 
  position: absolute; margin-top: 39.5vw; left: 36vw;
}
#isi{
  width:14.5vw; 
  position: absolute; margin-top: 27.5vw; left: 36vw;
}
#mathi{
  width:10vw; 
  position: absolute; margin-top: 19.7vw; left: 55vw;
}
#valen{
  width:14.5vw; 
  position: absolute; margin-top: 27.5vw; left: 51vw;
}
#gael{
  width:9.5vw; 
  position: absolute; margin-top: 39.5vw; left: 46vw;
}
#manu{
  width:14.5vw; 
  position: absolute; margin-top: 29vw; left: 83vw;
}
#autoarena{
  width:14.5vw; 
  position: absolute; margin-top: 29vw; left: 68vw;
}
/*-------------------(RANDOM)-----------------------------------------------*/
#random{
   min-height: 55vw;
  background-image: url(https://i.pinimg.com/564x/f5/bf/2c/f5bf2c77bf8fa0675e65990a27fb67fe.jpg);
  background-position: 0vw 0vw;
  background-size: 100% 100%;
}
.fotosrandom{
  height=25vw
}