html{font-family:ui-serif,Literata,Georgia,Lora,serif;font-size:100%;font-size:calc(100% + .1vw );color:#333;background:#fafafa;line-height:1.5;text-wrap:pretty}body{max-width:35em;margin:auto;padding:1rem}h2,nav,footer{font-family:ui-sans-serif,Inter,system-ui,Arial,sans-serif}h1{font-size:1.69rem;font-weight:500}h2{font-size:1.3rem;color:#742c0b;margin-top:3rem;margin-bottom:0}header h1,header p{font-style:italic;margin:0;padding:0}header p,nav{margin-bottom:3rem}nav{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(10em,1fr))}footer{font-size:.9rem;margin-top:3rem;margin-bottom:2rem}a{color:#742c0b}nav a{text-decoration:none}.on{text-decoration:underline}img{max-width:100%}