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

@layer base {
    html,
    body,
    body > div:first-child {
        @apply h-full bg-base text-text;
    }
}

.blog-content {
  @apply prose lg:prose-lg max-w-3xl prose-headings:text-peach prose-p:text-gray-100 prose-a:text-orange-200 prose-strong:text-white;
}

.blog-summary {
  @apply prose 
    lg:prose-lg 
    prose-headings:text-peach 
    prose-p:text-gray-400 
    prose-a:text-orange-300 
    prose-strong:text-gray-300
    pl-6
    ml-6
    border-l-2
    border-peach
    ;
}

.blog-summary > p:first-child {
  @apply mt-0;
}