/* animations.css */
/* Fade-in effect */
.fade-in {
    animation: fadeIn 1.5s ease-in-out;
}

/* Slide-in from the right */
.slide-in-right {
    animation: slideInRight 1.5s ease-in-out;
}

/* Slide-in from the left */
.slide-in-left {
    animation: slideInLeft 1.5s ease-in-out;
}

/* Bounce effect for buttons */
.bounce-button {
    animation: bounce 1s infinite;
}

/* Keyframes for fade-in */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Keyframes for slide-in-right */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Keyframes for slide-in-left */
@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}