@import "tailwindcss";

* {
    scroll-behavior: smooth;
}

/* Mobile Navigation */
#mobile-menu {
    visibility: hidden;
}

#mobile-menu.show {
    visibility: visible;
}

#mobile-menu.hidden {
    visibility: hidden;
}

/* Menu Icon */

/* Mobile menu items */
#mobile-menu a {
    display: block;
    padding: 12px 16px;
    margin: 4px 8px;
    border-radius: 8px;
    background: transparent;
}

#mobile-menu a:hover {
    background: rgba(34, 197, 94, 0.1);
}