@font-face { font-family:"IM Fell English"; src:url(fonts/fell.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:"IM Fell English"; font-style:italic; src:url(fonts/fell-italic.woff2) format("woff2"); font-display:swap; }
@font-face { font-family:"IM Fell Great Primer SC"; src:url(fonts/fell-sc.woff2) format("woff2"); font-display:swap; }
html { background:#f2e4c1; color:#2b1a0e; font:19px/1.5 "IM Fell English",Georgia,serif; -webkit-text-size-adjust:100%; }
body { max-width:42em; margin:0 auto; padding:28px 20px 60px; }
h1,h2 { font-family:"IM Fell Great Primer SC",Georgia,serif; font-weight:400; line-height:1.1; }
h1 { font-size:56px; margin:18px 0 6px; }
h2 { font-size:32px; margin:56px 0 4px; padding-top:14px; border-top:1px solid #2b1a0e55; }
h2 small { font:italic 19px "IM Fell English",Georgia,serif; opacity:.8; margin-left:6px; }
h3 { font-size:23px; font-weight:400; margin:30px 0 4px; }
h3 small { font-size:17px; color:#8e2c1c; margin-right:4px; }
h3 a { color:inherit; text-decoration-thickness:1px; text-underline-offset:3px; }
p { margin:0 0 10px; }
a { color:#8e2c1c; }
.line { font-style:italic; }
.tech { font-size:17px; padding-left:14px; border-left:2px solid #2b1a0e33; }
.links { font-size:16px; }
.reading { list-style:none; padding:0; margin:14px 0 0; }
.reading li { margin:0 0 12px; }
.reading small { color:#8e2c1c; }
:focus-visible { outline:2px solid #8e2c1c; outline-offset:2px; }
@media (max-width:520px) { html { font-size:18px; } h1 { font-size:44px; } }