body {
  max-width: 35rem;
  margin: 0px auto;
  padding: 2rem; }

header {
  border-top: 1px dotted gray;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 1.5rem;
  padding-top: 0.5rem; }
  header h1 {
    margin: 0px 1em 0.4em 0px;
    padding: 0px; }
  header nav {
    flex-shrink: 0;
    padding-right: 2px; }
  header ul {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    list-style-type: none;
    margin: 0px;
    padding: 0px; }
    header ul li:not(:first-child)::before {
      content: '/';
      padding-right: 1ch; }
    header ul li:not(:first-child) {
      padding-left: 1ch; }

@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-BoldItalic.woff2");
  font-weight: 700 799;
  font-style: italic; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-Bold.woff2");
  font-weight: 700 799; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-ExtraLightItalic.woff2");
  font-weight: 200 299;
  font-style: italic; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-ExtraLight.woff2");
  font-weight: 200 299; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-Italic.woff2");
  font-weight: 400 499;
  font-style: italic; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-LightItalic.woff2");
  font-weight: 300 399;
  font-style: italic; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-Light.woff2");
  font-weight: 300 399; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-MediumItalic.woff2");
  font-weight: 500 599;
  font-style: italic; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-Medium.woff2");
  font-weight: 500 599; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-Regular.woff2");
  font-weight: 400 499; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-SemiBoldItalic.woff2");
  font-weight: 600 699;
  font-style: italic; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-SemiBold.woff2");
  font-weight: 600 699; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-ThinItalic.woff2");
  font-weight: 100 199;
  font-style: italic; }
@font-face {
  font-family: "Drafting* Mono";
  src: url("/fonts/drafting-mono/DraftingMono-Thin.woff2");
  font-weight: 100 199; }
html {
  font: normal clamp(15px, 2.5vw, 18px) "Drafting* Mono", monospace;
  background: #fff;
  color: #2e2e2e; }

main {
  line-height: 1.5; }

p {
  white-space-collapse: preserve-spaces; }

h1 {
  font-size: 1.4em;
  font-weight: 200;
  font-style: italic; }

h2 {
  font-size: 1.1em;
  font-weight: 300;
  margin-top: 2.5em;
  border-top: 1px dotted darkgray;
  border-bottom: none;
  padding-top: 0.3em;
  padding-bottom: 0em; }

a {
  text-decoration: none;
  color: inherit;
  font-style: italic;
  border-bottom: 1px rebeccapurple dotted; }

a:hover {
  text-decoration: none;
  border-bottom: 0.5px rebeccapurple solid; }