@font-face {
    font-family: 'MyFont';
    src: url('../fonts/BebasNeue-Regular.ttf');
}
@font-face {
    font-family: 'ns';
    src: url('../fonts/NewAmsterdam-Regular.ttf');
}
@font-face {
    font-family: 'nt';
    src: url('../fonts/LobsterTwo-Regular.ttf');
}

#click {
    font-family: 'ns';
    color: white;
    font-size: clamp(2.3em, 6vw, 5em);
    text-align: center;
    font-weight: 200;
}
#samuel {
    font-family: 'nt';
    color: white;
    position: relative;
    top: clamp(-30px, -3vh, -10px);
    font-size: clamp(1.5em, 4vw, 2em);
    text-align: center;
    font-weight: 200;
    z-index: 998;
    opacity: 0;
    padding: 0 4vw;
}
@keyframes flotar {
   0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-2vh); /* Sube a la mitad del tiempo (ajusta el -3vh a tu gusto) */
    }
    100% {
        transform: translateY(0); /* Baja y regresa suavemente al inicio */
    }
}