@font-face {
  font-family: "EB Garamond";
  src: url("/fonts/garamond/EBGaramond12-Regular.otf") format("opentype");
  font-feature-settings: "cv06" on;
  font-feature-settings: "hlig" on;
}

@font-face {
  font-family: "EB Garamond";
  src: url("/fonts/garamond/EBGaramond12-Italic.otf") format("opentype");
  font-style: italic;
  font-feature-settings: "hlig" on;
  font-feature-settings: "clig" on;
}

@font-face {
  font-family: "EB Garamond Initials";
  src: url("/fonts/garamond/EBGaramond-Initials.otf") format("opentype");
}

@font-face {
  font-family: "Monaspace Xenon";
  src: url("/fonts/monaspace/MonaspaceXenon-Regular.otf") format("opentype");
  size-adjust: 75%;
}

@font-face {
  font-family: "Monaspace Xenon";
  font-style: italic;
  size-adjust: 75%;
  src: url("/fonts/monaspace/MonaspaceXenon-Italic.otf") format("opentype");
}

@font-face {
  font-family: "Monaspace Xenon";
  font-weight: bold;
  size-adjust: 75%;
  src: url("/fonts/monaspace/MonaspaceXenon-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Monaspace Xenon";
  font-weight: bold;
  font-style: italic;
  size-adjust: 75%;
  src: url("/fonts/monaspace/MonaspaceXenon-BoldItalic.otf") format("opentype");
}

:root, ::backdrop {
  --serif-font: "EB Garamond";
  --mono-font: "Monaspace Xenon";
}

html {
  font-family: var(--serif-font);
}

main {
  font-size: 125%;
}

.post-content p {
  text-align: justify;
  hyphens: auto;
  font-weight: 500;
}

.post-content > p:first-of-type::first-letter {
  font-family: "EB Garamond Initials", "EB Garamond";
  color: var(--accent);
  font-size: 275%;
  margin-right: 5px;
  float: left;
}

.post-header {
  font-family: var(--mono-font);
}

main h1, main h2, main h3, main h4, main h5, main h6 {
  font-family: var(--serif-font);
  font-style: italic;
  font-feature-settings: "swsh" on;
  margin-top:  1.8em;
}

footer.post-tags {
  margin-top: 2em;
  font-size: 75%;
  font-family: var(--mono-font);
}

div.footnote-definition {
  font-family: var(--mono-font);
  font-size: 75%;
}

.post-content pre {
  line-height: 1.1;
}