.text-zoom-in {
    opacity: 0;
    animation: textZoomIn 0.5s ease-in-out 3s forwards;
    max-width: fit-content;
}

@keyframes textZoomIn {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    100% {
        transform: scale(1.2);
        opacity: 1;
    }
}

.text-fade-in {
    opacity: 0;
    animation: textFadeIn 1s ease-in-out 3.5s forwards;
}

@keyframes textFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes animeBlur {
    from {
        filter: blur(0px);
    }
    to {
        filter: blur(5px);
    }
}

.anime-blur-video {
    animation: animeBlur 0.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-delay: 2s;
}