@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(3rem);
    }

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

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animate {
    animation-play-state: paused !important;
}

.animate-start {
    animation-play-state: running !important;
}

.fade-up {
    opacity: 0;
    transform: translateY(3rem);
    animation: fadeUp 1s ease 0s 1 normal forwards;
}

.fade-in {
    opacity: 0;
    animation: fadeIn 1s ease 0s 1 normal forwards;
}


.delay-100 { animation-delay: 100ms !important; }
.delay-200 { animation-delay: 200ms !important; }
.delay-300 { animation-delay: 300ms !important; }
.delay-400 { animation-delay: 400ms !important; }
.delay-500 { animation-delay: 500ms !important; }
.delay-600 { animation-delay: 600ms !important; }
.delay-700 { animation-delay: 700ms !important; }
.delay-800 { animation-delay: 800ms !important; }
.delay-900 { animation-delay: 900ms !important; }
.delay-1000 { animation-delay: 1000ms !important; }