/* The integration's default injected base.css fileeee */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  main.blog h1 {
    @apply text-4xl font-bold mb-8 text-center uppercase;
  }

  main.blog h2 {
    @apply text-2xl font-bold mb-8 uppercase;
  }

  main.blog h3 {
    @apply text-xl font-bold mb-8;
  }

  main.blog h4 {
    @apply text-sm font-bold mb-8 uppercase;
  }

  main.blog ol {
    @apply list-decimal mb-8 ml-8;
  }

  main.blog li:not(:last-child) {
    @apply mb-4;
  }

  main.blog a {
    @apply text-green-500;
  }

  main.blog p {
    @apply mb-8;
  }

  main.blog img {
    @apply w-full mb-8 aspect-[5/2] object-cover;
  }
}