.fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 1s ease forwards;
}
@keyframes fadeIn {
to {
    opacity: 1;
    transform: translateY(0);
}
}
#mobileNav {
transition: max-height 0.3s ease-in-out;
}
.max-h-0 {
    max-height: 0 !important;
}
.max-h-\[400px\] {
    max-height: 400px !important;
}