@keyframes drift {
    0% {
        transform: translateY(0) rotate(0deg);
    }

    25% {
        transform: translateY(-6px) rotate(-1deg);
    }

    50% {
        transform: translateY(0) rotate(0.5deg);
    }

    75% {
        transform: translateY(6px) rotate(-0.5deg);
    }

    100% {
        transform: translateY(0) rotate(0deg);
    }
}

@keyframes slideUp {
    from {
        transform: translateY(30px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(400px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes flyUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-150vh);
        opacity: 0;
    }
}

@keyframes scrollUp {
    0% {
        transform: translateX(-50%) translateY(100vh);
    }
    100% {
        transform: translateX(-50%) translateY(-200vh);
    }
}