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

@font-face {
  /* Set in tailwindconfig */
  font-family: "jetbrains-mono";
  src: local("jetbrains-mono"),
    url("/fonts/JetBrainsMono-Medium.woff2") format("woff2");
}

article {
  margin-bottom: 2rem;
}

article>section> :is(p, h1, h2, h3, h4, h5, h6) {
  margin-top: 2rem;
}

article>section>h1 {
  margin-top: 2rem;
  font-size: 3rem;
}

article>section>h1::before {
  content: "# ";
}

article>section>h2 {
  margin-top: 2rem;
  font-size: 2rem;
}

article>section>h2::before {
  content: "## ";
}

article>section>h3::before {
  content: "### ";
}

article>section>h4::before {
  content: "#### ";
}

article>section {
  margin-top: 4rem;
}

article a {
  text-decoration-color: rgb(239 68 68);
  text-decoration-thickness: 4px;
  text-decoration-line: underline;
  transition-duration: 70ms;
}

article a:hover {
  text-decoration-thickness: 8px;
  text-decoration-color: rgb(185 28 28);
  text-decoration-line: underline;
}

article ul {
  margin-left: 2rem;
  list-style-type: "❯ ";
}