accords-library.com/src/tailwind.css

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

@layer base {
  html,
  body {
    @apply p-0 m-0 bg-light text-black mobile:text-[90%];
  }

  * {
    @apply box-border font-body font-medium scroll-smooth;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply font-headers font-black;
  }

  a {
    @apply transition-colors underline-offset-2 decoration-dotted underline decoration-dark hover:text-dark;
  }

  *:target {
    @apply scroll-mt-4;
  }

  *::selection {
    @apply bg-dark text-light;
  }

  /* SCROLLBARS STYLING */

  * {
    scrollbar-color: theme("colors.dark") transparent;
    scrollbar-width: thin;
  }

  *::-webkit-scrollbar {
    @apply w-3 mobile:w-0;
  }

  *::-webkit-scrollbar-track {
    @apply bg-[transparent];
  }

  *::-webkit-scrollbar-thumb {
    @apply bg-dark rounded-full border-[3px] border-solid border-light;
  }

  /* CHANGE PROSE DEFAULTS */

  .prose a {
    @apply transition-colors underline-offset-2 decoration-dotted underline decoration-dark hover:text-dark;
  }

  .prose {
    --tw-prose-bullets: theme("colors.dark") !important;
  }

}