/* FADE UP (PAGE LOAD) */
.fade-up {
    animation: fadeUp 1s ease forwards;
}

@keyframes fadeUp {
from {
    opacity: 0;
    transform: translateY(60px) scale(0.9) rotate(-8deg);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(0);
}

}

/* POP IN CARD */
.pop-in {
    animation: popIn 0.6s ease forwards;
    opacity: 0;
}

.delay-1 {
    animation-delay: 0.6s;
}

.delay-2 {
    animation-delay: 0.9s;
}

@keyframes popIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* TEXT MUNCUL SETELAH TOMBOL */
.delay-text {
    animation: showText 0.6s ease forwards;
    animation-delay: 1.5s;
}

@keyframes showText {
    to {
        opacity: 1;
    }
}