/* slideDown.css */

/* slideDown animation keyframes */
@keyframes slideDown {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* slideDown class to apply animation */
.slideDown {
    animation: slideDown 0.8s ease-in-out forwards;
}