body{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', Arial, sans-serif;
}

/* Navbar shadow and font already handled by Tailwind, but add transition for mobile menu */
#mobile-menu {
    transition: max-height 0.3s ease;
    overflow: hidden;
}

/* Optional: Hide scroll for mobile menu when closed */
#mobile-menu.hidden {
    max-height: 0;
    padding-bottom: 0;
}
#mobile-menu:not(.hidden) {
    max-height: 500px;
    padding-bottom: 1rem;
}


@keyframes marquee {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-100% - 1.5rem));
    }
  }
  
  .animate-marquee {
    animation: marquee 30s linear infinite;
  }