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

@layer base {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @apply text-violet-300;
  }

  h2 {
    @apply text-2xl mb-4 border-b-4 rounded-lg border-green-400 inline-block break-after-avoid;
  }

  section {
    @apply break-inside-avoid mb-2 text-white;
  }

  a {
    @apply hover:underline text-orange-200;
  }
}