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

body {
  @apply bg-gray-900 text-gray-100;
}

header {
  @apply text-3xl mb-4 text-teal-300;
}

h1 {
  @apply text-2xl mb-4;
}

h2 {
  @apply text-xl my-4;
}

h3 {
  @apply text-lg my-3;
}

a {
  @apply text-teal-100;
}

a:hover {
  @apply text-teal-200;
}

.markdown blockquote {
  @apply -ml-8 mb-8;
}

.markdown ul {
  @apply list-disc mb-8;
  text-indent: 1.5em;
}

.markdown ul ul {
  @apply mb-0;
  text-indent: 3em;
}

.markdown ol {
  @apply list-decimal mb-8;
  text-indent: 1.5em;
}

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

@import url("https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat:wght@900&display=swap");

body {
  @apply bg-gray-900 text-gray-100 font-normal;
  font-family: "Merriweather", serif;
}

header,
h1,
h2,
h3,
h4,
h5,
h6 {
  @apply font-black;
  font-family: "Montserrat", sans-serif;
}

header {
  @apply text-3xl mb-4 text-teal-300;
}

h1 {
  @apply text-2xl mb-4;
}

h2 {
  @apply text-xl my-4;
}

h3 {
  @apply text-lg my-3;
}

a {
  @apply text-teal-100;
}

a:hover {
  @apply text-teal-200;
}

.markdown blockquote {
  @apply -ml-8 mb-8;
}

.markdown ul {
  @apply list-disc mb-8;
  text-indent: 1.5em;
}

.markdown ul ul {
  @apply mb-0;
  text-indent: 3em;
}

.markdown ol {
  @apply list-decimal mb-8;
  text-indent: 1.5em;
}

Add fonts for headings and body.
Add fonts for headings and body.
