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

@layer components {
  .highlighted-text {
    @apply underline underline-offset-4 decoration-sky-500 decoration-1 decoration-wavy;
  }
}

@layer base {
  body {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
  }
}

.styled-first-letter::first-letter {
  @apply text-violet-800;

  -webkit-initial-letter: 2;
  initial-letter: 2;
  font-weight: bold;
  margin-right: .75em;
}