@tailwind base;
@tailwind components;
@tailwind utilities;

.menu-container {
    @apply items-center justify-between w-full lg:flex lg:w-auto lg:order-1 h-full hidden z-1000;
}

.menu-ul {
    @apply h-full w-full table lg:flex flex-col font-medium py-2 lg:p-0 mt-0 border-2 border-gray-300 rounded-lg lg:space-x-8 rtl:space-x-reverse md:flex-row lg:mt-0 bg-gray-100 md:border-0 lg:bg-white dark:bg-gray-800 lg:dark:bg-gray-900 dark:border-gray-700;
}

.menu-li {
    @apply h-full p-0 text-center;
}

.menu-button {
    @apply bg-white h-full items-center justify-center content-center inline-flex hover:bg-gray-200 p-4 lg:p-0 lg:m-0 m-2 text-gray-900 rounded-sm dark:text-white  dark:border-gray-700;
}

.menu-button-div {
    @apply block md:p-0 text-gray-900 rounded-sm dark:text-white;
}