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

@layer base {
  ::selection {
    background-color: rgba(180, 140, 80, 0.3);
  }
}

@layer components {
  .prose p:first-of-type::first-letter {
    font-family: var(--font-playfair), serif;
    font-size: 3.5em;
    float: left;
    line-height: 0.8;
    margin-right: 0.1em;
    margin-top: 0.1em;
    color: #44403c;
  }
}
