/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

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

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

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

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes rotateIn {
    from {
        opacity: 0;
        transform: rotate(0deg);
    }

    to {
        opacity: 1;
        transform: rotate(-11deg);
    }
}

.animate-fadeIn {
    animation: fadeIn 0.6s ease-in-out forwards;
}

.animate-fadeInLeft {
    animation: fadeInLeft 0.6s ease-in-out forwards;
}

.animate-fadeInRight {
    animation: fadeInRight 0.6s ease-in-out forwards;
}

.animate-fadeInUp {
    animation: fadeInUp 0.6s ease-in-out forwards;
}

.animate-zoomIn {
    animation: zoomIn 0.6s ease-in-out forwards;
}

.animate-rotateIn {
    animation: rotateIn 0.6s ease-in-out forwards;
}
