globals.css

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

html {
  scroll-behavior: smooth;
  font-family: 'SF Pro Display', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica',
    'Arial', sans-serif;
}

@layer base {
  body {
    @apply bg-white dark:bg-[#0c0c0c] text-black  tracking-wide
  }

  h1, h2, h3, h4, h5, h6 {
    @apply font-bold
  }


  
  li {
    @apply cursor-pointer
  }



  .menu {
    @apply md:hidden ;
  }

  .menu .MuiPaper-root {
    @apply  bg-white/20 backdrop-blur-2xl rounded-b-xl rounded-t-none !text-black dark:!bg-transparent !shadow-none !absolute !top-[63px] !-ml-[18px] !w-fit;
  }

  .menu .MuiList-root {
    @apply !p-0  ;
  }

  .menu .MuiMenuItem-root {
    @apply  !text-center !items-center !justify-start !py-[9px] !text-[14px] bg-transparent !text-black dark:!text-white hover:!bg-gray-100 dark:hover:!bg-[#222222] transition-all duration-200 ease-in-out;
  }


}