/* mobile first uwu */
/* mobile first uwu  */

 body {
  overflow: hidden;
  height: 100vh;
}


.contenedor {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  position: relative;
}


.fondo {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}





.RECUADRO {

    position: absolute;
  top: 130px;
  left: 6px;
  width: 400px;
  z-index: -1;
}


.qr {
    position: absolute;
  top: 15px;
  left: 175px;
  width: 65px;
  z-index: 4;
}

.logo {
    position: absolute;
  top: 90px;
  left: 55px;
  width: 300px;
  z-index: 4;
}




.manos{
    position: absolute;
  top: 180px;
  left: -20px;
  width: 450px;
transition: transform 0.3s ease;
  animation: levitar 2s ease-in-out infinite; 
    z-index: 4;
}

@keyframes levitar {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px); /* Levita hacia arriba */
  }

}



.clickhere {
    
    position: absolute;
  top: 265px;
  left: -15px;
  width: 455px;
  z-index: 5;

}

.clickhere-container {
  position: absolute;
  top: 265px;
  left: -15px;
  width: 455px;
  z-index: 10;
}

.clickhere-container:hover {
  cursor: pointer;
}


a:hover .clickhere {
  transform: scale(1.08); 
  cursor: pointer;
}



.cruz {


    
position: absolute;
  top: 166px;
  left: 185px;
  width: 40px;
z-index: 1;


}




.girl {

    
position: absolute;
  top: 620px;
  left: 15px;
  width: 150px;
  transform: translateY(10px); 
  transition: all 1s ease; 


}


.discord {

    
position: absolute;
  top: 560px;
  left: -10px;
  width: 170px;
z-index: 5;

}

.loguitos {
position: absolute;
  top: 525px;
  left: 145px;
  width: 150px;
}



.onu {
    
position: absolute;
  top: 120px;
  left: 55px;
  width: 300px;
  z-index: -1;
  opacity: 55%; 
  
}



.pics {
    
position: absolute;
  top: 440px;
  left: 60px;
  width: 289px;
}




/*media laptop /compus*/

@media (min-width: 1024px) {

.qr {

 position: absolute;
  top: 15px;
  left: 490px;
  width: 65px;
  z-index: 4;

}


.logo {

 position: absolute;
  top: 90px;
  left: 259px;
  width: 500px;
  z-index: 4;

}

.RECUADRO {

  
    position: absolute;
  top: 150px;
  left: 210px;
  width: 600px;
  z-index: -1;
}


.onu {

position: absolute;
  top: 150px;
  left: 255px;
  width: 500px;
  z-index: -1;
  opacity: 55%; 
  

}

.manos {

 position: absolute;
  top: 180px;
  left: 180px;
  width: 655px;
  z-index: 4;

}

.clickhere {

 position: absolute;
  top: 305px;
  left: 205px;
  width: 605px;
  z-index: 5;



}



.cruz {

    
position: absolute;
  top: 200px;
  left: 485px;
  width: 40px;
z-index: 1;


}



.pics {

position: absolute;
  top: 550px;
  left: 300px;
  width: 400px;

}


.loguitos {

position: absolute;
  top: 685px;
  left: 450px;
  width: 150px;

}


.girl {

  position: absolute;
  top: 600px;
  left: 15px;
  width: 250px;

}


.discord {


position: absolute;
  top: 520px;
  left: -10px;
  width: 240px;
z-index: 5;


}

}





@media (min-width: 1440px) {


.qr  {

 position: absolute;
  top: 15px;
  left: 934px;
  width: 65px;
  z-index: 4;

}



.logo {

 position: absolute;
  top: 90px;
  left: 700px;
  width: 500px;
  z-index: 4;

}

.RECUADRO {

  
    position: absolute;
  top: 150px;
  left: 590px;
  width: 750px;
  z-index: -1;
}


.onu {

position: absolute;
  top: 150px;
  left: 720px;
  width: 500px;
  z-index: -1;
  opacity: 55%; 
  

}

.manos {

 position: absolute;
  top: 180px;
  left: 530px;
  width: 850px;
  z-index: 4;

}

.clickhere {

 position: absolute;
  top: 350px;
  left: 550px;
  width: 805px;
  z-index: 5;



}



.cruz {

    
position: absolute;
  top: 200px;
  left: 950px;
  width: 40px;
z-index: 1;


}



.pics {

position: absolute;
  top: 670px;
  left: 730px;
  width: 500px;

}


.loguitos {

position: absolute;
  top: 835px;
  left: 900px;
  width: 150px;

}


.girl {

  position: absolute;
  top: 600px;
  left: 15px;
  width: 450px;

}


.discord {


position: absolute;
  top: 489px;
  left: 25px;
  width: 340px;
z-index: 5;


}













}