*, *:before, *:after { box-sizing: border-box; } html { background-color: #eee; } body { font-size: 1em; font-family: 'Fontin Sans'; font-kerning: normal; font-feature-settings: "kern"; font-variant-ligatures: common-ligatures; text-align: justify; max-width: 42rem; margin: -1.5rem auto; padding: 0 1rem; border: 1px solid #ccc; background-color: #fcfcfc; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } h1, h2, h3 { color: #111; } a, a:visited { text-decoration: none; color: #32609C; } a:hover { color: #339; } header { padding-top: 1.25rem; } header nav ul { font-size: 0.95em; list-style-type: none; padding: 0; } header nav ul li { display: inline; margin-right: 0.5rem; } header nav a, header nav a:visited { color: #444; } header nav a:hover { color: #000; } header h1 { font-family: 'Fontin'; font-size: 2.25em; margin: 0; } .entry, .botborder { margin-bottom: 1rem; border-bottom: 0.15rem; border-bottom-style: dotted; border-bottom-color: #bbb; } .entry { color: #222; } .entry .title { font-family: 'Fontin'; font-size: 1.5em; margin-top: 0.3rem; margin-bottom: 0.3rem; } .entry .title a, .entry .title a:visited { color: #111; } .entry .title a:hover { color: #333; } .entry .info { font-size: 0.9rem; color: #505050; margin-bottom: -0.4rem; } .entry .botinfo { font-size: 0.9rem; text-align: right; margin-top: -0.75rem; margin-bottom: 0.5rem; } .entry > p:first-of-type:first-letter { float: left; color: #903; font-size: 44px; line-height: 2rem; padding-top: 0.1em; padding-right: 0.2rem; padding-bottom: 0; font-family: 'Fontin'; } @media (max-width: 767px) { .entry > p:first-of-type:first-letter { padding-top: 0.2rem; padding-right: 0.2rem; font-size: 2.5rem; } } /* Firefox-specific hack to make spacing work properly */ @media all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) { .entry > p:first-of-type:first-letter { font-size: 44px; padding-top: 0.3rem; } } .sc { font-family: 'Fontin Sans SC'; } blockquote { position:relative; margin: 1.5rem 0 1.5rem; padding: 0 2rem 0 2rem; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { content: open-quote; font-size: 5rem; position:absolute; left: -0.1rem; top: 1.7rem; line-height: 0.1em; color: #ccc; } blockquote:after { content: close-quote; font-size: 5rem; position:absolute; right: -0.1rem; bottom: -1.1rem; line-height: 0.1em; color: #ccc; } table { margin: 0.5rem auto; } table.pronoun-table { width: 100%; border: 2px solid gray; border-collapse: collapse; } /* Work around for docutils adding colgroups */ table col { width: auto; } table.pronoun-table th, table.pronoun-table td { width: 16%; font-size: 14px; border: 1px solid gray; padding: 0.25rem; } img.picture-me { float: right; border: 2px solid; border-color: black; margin-left: 0.45rem; margin-right: 0.1rem; } img.picture-right { float: right; margin-top: 0.25rem; margin-left: 0.45rem; } tt.literal, pre.code { font-size: 0.9em; font-family: 'Inconsolatazi4', 'monospace'; } pre.code { padding: 10px; border-width: 1px; border-style: solid; border-color: #D3D3D3; } #index, #about { padding-bottom: 0.5rem; color: #222; } p#last-upd { font-family: 'Fontin Sans SC'; font-size: 13px; text-align: right; margin: 0; } p#author { font-size: 14px; text-align: right; margin: 0; } footer { font-size: 16px; display: flex; align-content: flex-start; } footer p { margin: 0; padding: 0; } footer a { font-size: 14px; } footer #foot-left { flex: 1; color: #333; margin-bottom: 1rem; } footer #contact-info-wrapper { display: flex; flex-wrap: wrap; } footer #contact-info-wrapper p { padding-right: 0.25rem; } footer #emblem { flex: 1; flex-basis: 40px; flex-grow: 0; } footer #emblem img { width: 40px; height: 40px; } .small-text { font-size: 10px; } @font-face { font-family: 'Fontin'; font-style: normal; font-weight: 700; src: local('Fontin'), url('https://theos.kyriasis.com/fonts/Fontin-Bold.ttf') format('truetype'); } @font-face { font-family: 'Fontin Sans'; font-style: normal; font-weight: 400; src: local('Fontin Sans'), local('FontinSans'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_R_45b.otf') format('opentype'); } @font-face { font-family: 'Fontin Sans'; font-style: italic; font-weight: 400; src: local('Fontin Sans Italic'), local('FontinSans-Italic'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_I_45b.otf') format('opentype'); } @font-face { font-family: 'Fontin Sans'; font-style: normal; font-weight: 700; src: local('Fontin Sans Bold'), local('FontinSans-Bold'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_B_45b.otf') format('opentype'); } @font-face { font-family: 'Fontin Sans SC'; font-style: normal; font-weight: 400; src: local('Fontin Sans Small Caps'), local('FontinSans-SC'), url('https://theos.kyriasis.com/fonts/Fontin_Sans_SC_45b.otf') format('opentype'); }