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: 18pt; font-style: bold; text-align: left; } #nav { grid-column-start: 2; text-align: right; font-size: 18pt; 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; font-size: 14pt; } a:hover { color: #F4F4F4; background-color: #AD2831; text-decoration: none; } blockquote { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); } .dark blockquote { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity)); } blockquote { margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 640px) { blockquote { margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) { blockquote { margin-left: 1rem; margin-right: 1rem; } } @media (min-width: 1024px) { blockquote { margin-left: 2rem; margin-right: 2rem; } } blockquote { padding-top: 0.5rem; padding-bottom: 0.5rem; border-left-width: 4px; --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity)); padding-left: 1rem; padding-right: 0.5rem; font-style: italic; font-family: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif; // font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; // font-size: 1.125rem; // line-height: 1.75rem; } blockquote::after { --tw-content: close-quote; content: var(--tw-content); font-size: 3rem; line-height: 1; } blockquote::before { font-size: 3rem; line-height: 1; content: var(--tw-content); --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); } blockquote::after { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); content: var(--tw-content); line-height: .1em; } blockquote::before { line-height: .1em; content: var(--tw-content); margin-right: 0.25rem; } blockquote::after { margin-right: 0.25rem; content: var(--tw-content); vertical-align: -.4em; } blockquote::before { vertical-align: -.4em; --tw-content: open-quote; content: var(--tw-content); } blockquote p { display: inline; } 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; height: auto; } 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: 34pt; 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; } ul.posts { list-style-type: none; padding: 0; } li.post { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 3px solid black; } 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; } h1 > a { color: #AD2831; text-decoration: none; } sup > a { color: #454545; font-weight: 430; text-decoration-color: #808080; vertical-align: super; } code { background-color: #ddd; }