@font-face {
  font-family: "Libertinus Serif";
  src: url("/fonts/LibertinusSerif-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libertinus Serif";
  src: url("/fonts/LibertinusSerif-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Libertinus Serif";
  src: url("/fonts/LibertinusSerif-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libertinus Serif";
  src: url("/fonts/LibertinusSerif-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Latin Modern Mono";
  src: url("/fonts/lmmono10-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Latin Modern Mono";
  src: url("/fonts/lmmono10-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Latin Modern Mono";
  src: url("/fonts/lmmonolt10-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.epigraph {
  font-style: italic;
  font-size: 0.95em;
  text-align: right;
  margin: 2rem 0 2rem auto;
  max-width: 50ch;
}

.epigraph-content {
  margin-bottom: 0;
}

.epigraph-author {
  margin-top: 0;
  font-style: normal;
}

html {
  font-size: 100%;
}

main, header, footer {
  max-width: 70ch;
  margin: 0 auto;
}

body {
  margin: 0;
  padding: 2.5em 1em;
  font-family: "Libertinus Serif", serif;
  font-size: 1.05rem;
  line-height: 1.55;
}

code, pre {
  font-family: "Latin Modern Mono", monospace;
  font-size: 0.95em;
}

code {
  background: #f5f5f5;
  padding: 0.1em 0.25em;
  border-radius: 3px;
}

header {
  margin-bottom: 2em;
}

h1 a {
  text-decoration: none;
}

nav a {
  margin-right: 1em;
}

h1, h2, h3 {
  line-height: 1.2;
}

pre {
  background: #f5f5f5;
  padding: 0.8em 1em;
  border-radius: 4px;
  overflow-x: auto;
  margin: 1.2em 0;
}

footer {
  margin-top: 3em;
}