@import 'tailwindcss/base';

/* Global */
html {
  @apply leading-relaxed text-lg antialiased text-gray-900 bg-white;
}

/* Headers */
h1 {
  @apply text-3xl my-6 font-bold;
}

h2 {
  @apply text-2xl my-6 font-bold;
}

h3,
h4 {
  @apply text-xl my-3 font-semibold;
}

h5,
h6 {
  @apply text-lg my-2;
}

a {
  @apply text-red-700 underline font-semibold;
  text-decoration-thickness: 2px;
}

p {
  @apply mb-4;
}

/* Lists */
ul {
  @apply list-disc;
}

ol {
  @apply list-decimal;
}

ul,
ol {
  @apply mb-4 ml-8;
}

li {
  @apply mb-4;
}

/* Code */
pre {
  @apply mb-4;
}

@import 'tailwindcss/components';

@import 'tailwindcss/utilities';

@import 'tailwindcss/base';

/* Global */
html {
  @apply leading-relaxed text-lg antialiased text-gray-900 bg-white;
}

/* Headers */
h1 {
  @apply text-3xl my-6 font-bold;
}

h2 {
  @apply text-2xl my-6 font-bold;
}

h3,
h4 {
  @apply text-xl my-3 font-semibold;
}

h5,
h6 {
  @apply text-lg my-2;
}

a {
  @apply text-red-700 underline font-semibold;
  text-decoration-thickness: 2px;
}

p {
  @apply mb-4;
}

/* Lists */
ul {
  @apply list-disc;
}

ol {
  @apply list-decimal;
}

ul,
ol {
  @apply mb-4 ml-8;
}

li {
  @apply mb-4;
}

/* Code */
pre {
  @apply mb-4;
}

.custom-card em {
  @apply bg-blue-200 p-1 not-italic rounded;
}

@import 'tailwindcss/components';

@import 'tailwindcss/utilities';

Add custom styling for gerbode highlights
Add custom styling for gerbode highlights
