:root{--highlight-colour:#333399;--muted-colour:#333333;font-size:18px}body{display:flex;flex-direction:column;font-family:roboto condensed,sans-serif;margin:0;min-height:100vh;padding-left:1em;padding-right:1em;max-width:80ch;margin:0 auto}header{margin-top:6vh;h1 { margin: 0; font-size: 2em; line-height: 1; max-width: 2em; padding-top: 1em; padding-bottom: 0.2em; color: var(--highlight-colour); } span { font-size: 1.3rem; color: grey; } a { font-size: 1.1rem; text-decoration: none; } a:link { color: black; } a:visited { color: black; } nav { ul { display: flex; flex-direction: row; justify-content: right; gap: 1em; list-style: none; margin: 0; padding: 1em 0; } }}main{p, li { font-family: 'Roboto', sans-serif; } h1,h2,h3,h4,h5,h6 { margin-top: 3rem; margin-bottom: 0.5em; font-family: "Roboto Condensed", sans-serif; } h2 { a { text-decoration: none; } a:link { color: var(--highlight-colour);; } a:visited { color: var(--highlight-colour); } } a:link { color: var(--highlight-colour); } a:visited { color: var(--highlight-colour); } img.lede { width: 100%; height: auto; margin-top: 0.5em; } blockquote { background: #f9f9f9; border-left: 0.5em solid #ccc; margin: 0; padding: 0.5em; p { margin: 0.5em; } } article { margin-bottom: 3em; img { width: 100%; min-width: 100%; height: auto; } } .home { img#portrait { width: 100%; max-width: 50ch; height: auto; } }}footer{margin-top:auto;padding-top:2em;p { color: #888; }}