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

@layer base {
  h1 {
    @apply text-4xl mt-3 mb-3 font-bold;
  }
  h2 {
    @apply text-3xl mt-4 mb-1.5 font-bold;
  }
  h3 {
    @apply text-2xl mt-5 mb-1.5 font-bold;
  }
  h4 {
    @apply text-xl mt-6 mb-1.5 font-bold;
  }
  p {
    @apply mb-2;
  }
  a {
    @apply underline hover:decoration-green-700 transition duration-300;
  }
  ul {
    @apply mt-2 mb-3 ml-1 list-disc list-inside marker:text-sky-600;
  }
  li {
    @apply my-0.5;
  }
  hr {
    @apply my-5 rounded-full;
  }
}