@import "tailwindcss";

@plugin "@tailwindcss/typography";
@variant dark (&:where(.dark, .dark *));


pre {
  background-color: rgb(13, 17, 23);
}

@theme {
  --font-sans: 'Quicksand', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1 {
  @apply font-bold text-3xl dark:text-white;
}

h2 {
  @apply font-medium text-2xl dark:text-white;
}

p {
  @apply text-zinc-700 dark:text-zinc-300;
}

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/