@keyframes slideUp {
    from {
        opacity: 1;
        visibility: visible;
        transform: scaleY(1);
        transform-origin: top;
    }
    to {
        opacity: 0;
        visibility: hidden;
        transform: scaleY(0);
        transform-origin: top;
    }
}
@keyframes slideDown {
    from {
        opacity: 0;
        visibility: hidden;
        transform: scaleY(0);
        transform-origin: top;
    }
    to {
        opacity: 1;
        visibility: visible;
        transform: scaleY(1);
        transform-origin: top;
    }
}