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

@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

/* monaco editor */
.monaco-editor-background,
.monaco-editor .margin {
  background-color: black !important;
}

h1 {
  @apply text-4xl font-bold;
}

h2 {
  @apply text-3xl font-semibold;
}

h3 {
  @apply text-2xl font-semibold;
}

h4 {
  @apply text-xl font-medium;
}

h5 {
  @apply text-lg font-medium;
}

h6 {
  @apply text-base font-medium;
}

strong {
  @apply font-semibold;
}

ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}

ol {
  list-style-type: decimal;
  padding-left: 1.5rem;
}
hr {
  @apply border-t border-gray-200 my-4;
}

blockquote {
  @apply border-l-4 border-gray-300 pl-4 italic text-gray-700;
}