@keyframes spinInAnimation {
    0% {
        transform: perspective(1000px) rotateY(-90deg) translateX(-300px);
        opacity: 0;
    }
    40% {
        transform: perspective(1000px) rotateY(10deg) translateX(50px);
    }
    70% {
        transform: perspective(1000px) rotateY(-5deg) translateX(-20px);
    }
    100% {
        transform: perspective(1000px) rotateY(0) translateX(0);
        opacity: 1;
    }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}