/* 
    styles.css
    Last modified: 2025-06-10
*/

.animate-from-top {
    opacity: 0;
    transform: translateY(-100px);
    transition: all 0.8s ease-out;
}

.animate-from-bottom {
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.8s ease-out;
}

.show-animate {
    opacity: 1;
    transform: translateY(0);
}

.collapse-alert {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 3s ease-out, opacity 3s ease-out, padding 3s ease-out;
    padding-top: 0;
    padding-bottom: 0;
}

.expand-alert {
    max-height: 500px; /* High enough to show all the content */
    opacity: 1;
    padding-top: 1rem;
    padding-bottom: 1rem;
}