@font-face { /* from https://github.com/ryanoasis/nerd-fonts/tree/master/patched-fonts/FiraCode */ font-family: "FiraCode"; src: url('/FiraCodeNerdFontMono-Regular.woff2'); } /* from Google Fonts, under the Open Font License */ @font-face { font-family: "Atkinson Hyperlegible"; src: local('Atkinson Hyperlegible'), url('/AtkinsonHyperlegible-Regular.woff2'); } @font-face { font-family: "Atkinson Hyperlegible Bold"; src: local('Atkinson Hyperlegible Bold'), url('/AtkinsonHyperlegible-Bold.woff2'); } @font-face { font-family: "Atkinson Hyperlegible Italic"; src: local('Atkinson Hyperlegible Italic'), url('/AtkinsonHyperlegible-Italic.woff2'); } @font-face { font-family: "Atkinson Hyperlegible Bold Italic"; src: local('Atkinson Hyperlegible Bold Italic'), url('/AtkinsonHyperlegible-BoldItalic.woff2'); } body { color: #dadada; background: #181a1b; margin: 1em auto; max-width: 90vw; padding: 0 .62em; } li { font: 18px/1.35 'Atkinson Hyperlegible', sans-serif;} p, footer { font: 18px/1.35 'Atkinson Hyperlegible', sans-serif; } figcaption { font: 14px/1.35 'Atkinson Hyperlegible', sans-serif; } small { font: 14px/1.35 'Atkinson Hyperlegible', sans-serif; } a:link, a:visited { color: #80c47b; } a:hover, a:visited:hover { color: #6bb794 } h1 { font: 36px/1.2 'Atkinson Hyperlegible Bold', sans-serif; } h2, h3 { font: 24px/1.2 'Atkinson Hyperlegible Bold', sans-serif; } h4 { font: 20px/1.2 'Atkinson Hyperlegible Bold', sans-serif; } code { background: #0e0f0f; border-radius: .2em; padding: .125em; } .force-word-wrap pre code { white-space: normal; word-wrap: break-word; } @media (max-device-width: 1200px) { h1 { line-height: 1.2; font-size: 40px; } h2 { line-height: 1.2; font-size: 30px; } body { font-size: 20px; } } @media print { body { max-width: none } } footer { text-align: center; } blockquote { border-left: 3px solid #59997a; padding-left: 1em; margin-left: 0.5; } img { max-width: 90vw; }