@keyframes flip-card {
    25% {
        transform: scale(1.2);
    }
    50% {
        transform: scale(1.0);
    }
    to {
        transform: rotateY(180deg);
    }
}

@keyframes spin-disappear-card {
    to {
        transform: rotate(361deg) scale(0);
        opacity: 0%;
    }
}

@keyframes disappear-ball {
    to {
        transform: scale(0);
        opacity: 0%;
    }
}

@keyframes smooth-appearing-card {
    from {
        opacity: 0%;
    }
    to {
        opacity: 100%;
    }
}

.flip-card {
    animation: 1.5s ease flip-card;
    animation-fill-mode: forwards;
}

.spin-disappear-card {
    animation: 1.5s cubic-bezier(0.95, 0.29, 0.78, 0.58) spin-disappear-card;
}

.disappear-ball {
    animation: 3s cubic-bezier(0.95, 0.29, 0.78, 0.58) disappear-ball;
}

.smooth-appear-card {
    animation: 0.6s linear smooth-appearing-card;
}