@import "tailwindcss";

@layer base {
  h1 {
      font-size: var(--text-3xl);
      /* padding: 1em 0em; */
  }
  h2 {
      font-size: var(--text-2xl);
      padding: 1em 0em;
  }
  h3 {
      font-size: var(--text-xl);
      padding: 1em 0em;
  }
  h4 {
      font-size: var(--text-lg);
      padding: 1em 0em;
  }
  a {
      color: var(--color-blue-400);
  }
  li {
      list-style-type: disc;
      margin-left: 1em;
  }
  li::marker {
      color: var(--color-gray-600);
  }
  
  blockquote {
      list-style-type: disc;
      border-left-width: .25rem;
      border-left-color: var(--color-blue-600);
      font-style: italic;
      font-weight: 500;
      padding-left: 1em;
      margin-top: 1.6em;
      margin-bottom: 1.6em;
  }

  img {
      @apply py-0;
      @apply rounded-lg;
      @apply shadow-xl;
      @apply object-cover;
  }
}