html, body{
  background: radial-gradient(#28475F, #0C2130);
width: 100%;
height: 100%;
}
#Titulo {
  position: absolute;
  margin-left: 35vh;
  margin-top: 0vh;
  color: white;
  font-family:'Sigmar One', cursive;
  font-size: 9vh;
}

.rankings{
  font-family: 'Jost', sans-serif;
  color: white;
  font-size: 3vw;
  position: absolute; 
}
.puesto{
  width:15vw;
  height:15vw;
  line-height:15vw;
  font-size:2.5vw;
  padding:5vw;
  border-radius: 13vw;
  font-family: 'Jost', sans-serif;
  text-align: center;

}
.puesto:hover{
  background-position: -1vw -1vw;
  background-size: 110% 110%;
  width:15vw;
  height:15vw;
  line-height:15vw;
}
/*---------TRAGA--------*/
#traga{
  margin-top:7vw; left:9vw;
}
#tragalullanos{
  background-color:gold;
  position: absolute; 
  margin-top: 14vw; left: 10vw;
}
#tragalullanos:hover{
  color: gold;
  background-image: url(https://i.pinimg.com/736x/71/56/d2/7156d2006331ca811d0662c1b99567c6.jpg);
}
#tragaari{
  background-color:silver;
  position: absolute; 
  margin-top: 14vw; left: 37vw;
}
#tragaari:hover{
  color:silver;
  background-image: url(https://i.pinimg.com/736x/f8/fd/fc/f8fdfc4bfd4cbc43302524a7b9f89148.jpg);
}
#tragalubalocco{
  background-color:#BF360C;
  position: absolute; 
  margin-top: 14vw; left: 64vw;
}
#tragalubalocco:hover{
  color:#BF360C;
  background-image: url(https://i.pinimg.com/474x/00/10/3e/00103e5feb52f7439180f105ad1ea4e1.jpg);
}
/*--------ALCOHOLICX---------*/
#alcoholix{
  margin-top:43vw; left:9vw;
}
#alcoholixsabrina{
  background-color:gold;
  position: absolute; 
  margin-top: 50vw; left: 10vw;
}
#alcoholixsabrina:hover{
  color: gold;
  background-image: url(https://i.pinimg.com/474x/19/6a/77/196a775d0198cb26b40de29626092272.jpg);
}
#alcoholixangi{
  background-color:silver;
  position: absolute; 
  margin-top: 50vw; left: 37vw;
}
#alcoholixangi:hover{
  color:silver;
  background-image: url(https://i.pinimg.com/474x/7d/90/62/7d90626f6778e888a01cfe32b5d17a10.jpg);
}
#alcoholixmeli{
  background-color:#BF360C;
  position: absolute; 
  margin-top: 50vw; left: 64vw;
}
#alcoholixmeli:hover{
  color:#BF360C;
  background-image: url(https://i.pinimg.com/474x/1b/34/13/1b3413b315d6746a1052b3b1c248e9a7.jpg);
}
/*----------ROBA CUNAS---------*/
#robacunas{
  margin-top:78vw; left:9vw;
}
#robacunasame{
  background-color:gold;
  position: absolute; 
  margin-top: 86vw; left: 10vw;
}
#robacunasame:hover{
  color: gold;
  background-image: url(https://i.pinimg.com/474x/20/7d/f4/207df4bf901ae00440bfad5b36c46365.jpg);
}
#robacunascami{
  background-color:silver;
  position: absolute; 
  margin-top: 86vw; left: 37vw;
}
#robacunascami:hover{
  color:silver;
  background-image: url(https://i.pinimg.com/474x/8b/96/43/8b9643639f2ca9887e5889b173c5b8cd.jpg);
}
#robacunascato{
  background-color:#BF360C;
  position: absolute; 
  margin-top: 86vw; left: 64vw;
}
#robacunascato:hover{
  color:#BF360C;
  background-image: url(https://i.pinimg.com/474x/02/52/20/0252206042b3e5658b708722869f1ae8.jpg);
}

/*----------GRITON---------*/
#griton{
  margin-top:114vw; left:9vw;
}
#gritonpili{
  background-color:gold;
  position: absolute; 
  margin-top: 122vw; left: 10vw;
}
#gritonpili:hover{
  color: gold;
  background-image: url(https://i.pinimg.com/474x/f3/19/58/f319585e25bd598edc480e04117df472.jpg);
}
#gritonvicky{
  background-color:silver;
  position: absolute; 
  margin-top: 122vw; left: 37vw;
}
#gritonvicky:hover{
  color:silver;
  background-image: url(https://i.pinimg.com/474x/44/2d/78/442d78ed0c6419d953cce9ce5c588369.jpg);
}
#gritonrosa{
  background-color:#BF360C;
  position: absolute; 
  margin-top: 122vw; left: 64vw;
}
#gritonrosa:hover{
  color:#BF360C;
  background-image: url(https://i.pinimg.com/564x/db/e4/fe/dbe4fec3381d05c926e32291b40cdfd3.jpg);
}

/*----------NEGRX---------*/
#negrx{
  margin-top:150vw; left:9vw;
}
#negrxgali{
  background-color:gold;
  position: absolute; 
  margin-top: 160vw; left: 10vw;
}
#negrxgali:hover{
  color: gold;
  background-image: url(https://i.pinimg.com/474x/47/e4/ee/47e4ee659267354f0415a3852031cd6a.jpg);
}
#negrxivan{
  background-color:silver;
  position: absolute; 
  margin-top: 160vw; left: 37vw;
}
#negrxivan:hover{
  color:silver;
  background-image: url(https://i.pinimg.com/474x/bb/83/41/bb8341e93c6f5cbb9dfbfc9d09d98f9e.jpg);
}
#negrxguada{
  background-color:#BF360C;
  position: absolute; 
  margin-top: 160vw; left: 64vw;
}
#negrxguada:hover{
  color:#BF360C;
  background-image: url(https://i.pinimg.com/474x/4f/a4/00/4fa400c6068f72f3fede1a31ca07afd1.jpg);
}

/*----------GEI---------*/
#gei{
  margin-top:190vw; left:9vw;
}
#geiari{
  background-color:gold;
  position: absolute; 
  margin-top: 197vw; left: 10vw;
}
#geiari:hover{
  color: gold;
  background-image: url(https://i.pinimg.com/474x/f8/fd/fc/f8fdfc4bfd4cbc43302524a7b9f89148.jpg);
}
#geiabril{
  background-color:silver;
  position: absolute; 
  margin-top: 197vw; left: 37vw;
}
#geiabril:hover{
  color:silver;
  background-image: url(https://i.pinimg.com/474x/f1/38/a8/f138a8699e3646470c30f46351286923.jpg);
}
#geicato{
  background-color:#BF360C;
  position: absolute; 
  margin-top: 197vw; left: 64vw;
}
#geicato:hover{
  color:#BF360C;
  background-image: url(https://i.pinimg.com/474x/02/52/20/0252206042b3e5658b708722869f1ae8.jpg);
}

/*----------CHUPAMEDIAS---------*/
#chupamedias{
  margin-top:229vw; left:9vw;
}
#chupameli{
  background-color:gold;
  position: absolute; 
  margin-top: 236vw; left: 10vw;
}
#chupameli:hover{
  color: gold;
  background-image: url(https://i.pinimg.com/474x/1b/34/13/1b3413b315d6746a1052b3b1c248e9a7.jpg);
}
#chupaluli{
  background-color:silver;
  position: absolute; 
  margin-top: 236vw; left: 37vw;
}
#chupaluli:hover{
  color:silver;
  background-image: url(https://i.pinimg.com/474x/00/10/3e/00103e5feb52f7439180f105ad1ea4e1.jpg);
}
#chupalullanos{
  background-color:#BF360C;
  position: absolute; 
  margin-top: 236vw; left: 64vw;
}
#chupalullanos:hover{
  color:#BF360C;
  background-image: url(https://i.pinimg.com/474x/71/56/d2/7156d2006331ca811d0662c1b99567c6.jpg);
}


/*----------FANTASMA---------*/
#fantasma{
  margin-top:267vw; left:9vw;
}
#fantasmacato{
  background-color:gold;
  position: absolute; 
  margin-top: 275vw; left: 10vw;
}
#fantasmacato:hover{
  color: gold;
  background-image: url(https://i.pinimg.com/474x/02/52/20/0252206042b3e5658b708722869f1ae8.jpg);
}
#fantasmaauro{
  background-color:silver;
  position: absolute; 
  margin-top: 275vw; left: 37vw;
}
#fantasmaauro:hover{
  color:silver;
  background-image: url(https://i.pinimg.com/474x/e2/0f/70/e20f70d55ca38cf4ad7de499aee343a4.jpg);
}
#fantasmarosa{
  background-color:#BF360C;
  position: absolute; 
  margin-top: 275vw; left: 64vw;
}
#fantasmarosa:hover{
  color:#BF360C;
  background-image: url(https://i.pinimg.com/564x/db/e4/fe/dbe4fec3381d05c926e32291b40cdfd3.jpg);
}

/*----------DORMILON---------*/
#dormilon{
  margin-top:305vw; left:9vw;
}
#leon{
  background-color:gold;
  position: absolute; 
  margin-top: 310vw; left: 37vw;
}
#leon:hover{
  color: gold;
  background-image: url(https://i.pinimg.com/474x/ca/8e/c1/ca8ec1d203e51ffe6afdba8a4154e34e.jpg);
}
#buttonv{
  width: 75px;
  height: 75px;
  background-image: url("./img/volver.png");
  background-size: contain;
}