html { background-color:#fefefe } .header { display: grid; grid-template-columns: 70% 30%; grid-template-rows: auto; font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif; font-weight: 500; font-size: 10pt; } #title { grid-column-start: 1; font-size: 16pt; font-style: bold; text-align: left; } #nav { grid-column-start: 2; text-align: right; font-size: 16pt; font-variant: small-caps; word-spacing: 110%; } body { font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 400; color: #454545; margin: 2em auto; max-width: 1000px; padding: 1em; text-align: left; } blockquote { font-style: italic; } video, code { font-weight: normal; max-width: 98%; margin: 3em auto; font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace; } img { max-width: 100%; margin: 0px; } figure { margin: 2em; } figcaption { font-size: 15pt; text-align: center; font-family: serif; } .postmeta { display: inline-grid; grid-template-columns: auto auto; grid-template-rows: auto; font-size: 14pt; } #date { font-weight: bold; } #tags:before { content: "—"; margin: 1px; } h1 { font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif; font-size: 30pt; font-weight: bold; } h2 { font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif; font-size: 22pt; margin-top: 1.5em; font-weight: bold; } h3 { font-size: 20pt; } article > ul { padding-left: 0; } article > ul > li { list-style: none; font-size: 22pt; padding-top: 22pt; } section > ul > li { padding-top: 22pt; } #footerdiv { margin-top: 50px; } footer { margin-top: 10px; text-align: center; } a { color: #454545; font-weight: bold; } a:hover { border-bottom-color: red; } sup > a { color: #454545; font-weight: 430; text-decoration-color: #808080; vertical-align: super; } code { background-color: #ddd; }