.scope-one-regular { font-family: "Scope One", serif; font-weight: 400; font-style: normal; } .josefin-slab { font-family: "Josefin Slab", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; } .center { text-align: center; } .subtext { font-size: 16px; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { color: #C7C2D1; font-family: "Scope One", serif; font-weight: 400; font-style: normal; font-size: 20px; line-height: 1; padding: 1em; margin: auto; max-width: 42em; background: #130517; } a { color: #ffacf4; text-decoration: none; } a:visited { color: oklch(0.822 0.0461 331.16); } a:hover { color: #130517; background-color: #c69db8; } a:active { color: #faa700; } a:focus { outline: thin dotted; } *::-moz-selection { background: #c69db8; color: #000; } *::selection { background: #c69db8; color: #000; } a::-moz-selection { background: rgba(255, 255, 0, 0.3); color: #0645ad; } a::selection { background: rgba(255, 255, 0, 0.3); color: #0645ad; } ul { list-style-type: none; margin: 0; padding: 0; background-color: oklch(0.2166 0.0692 318.8); display: flex; } ul li a { display: block; color: #C7C2D1; padding: 14px 16px; text-decoration: none; } ul li a:hover { background-color: #ffacf4; } ul li a.active { background-color: #c69db8; } p { margin: 1em 0; } img { max-width: 100%; } !important h1, h2, h3, h4, h5, h6 { font-family: 'josefin-slab' color: #111; line-height: 125%; margin-top: 2em; font-weight: normal; } h4, h5, h6 { font-weight: bold; } h1 { font-size: 2.5em; } h2 { font-size: 2em; } h3 { font-size: 1.5em; } h4 { font-size: 1.2em; } h5 { font-size: 1em; } h6 { font-size: 0.9em; } blockquote { color: #666666; margin: 0; padding-left: 3em; border-left: 0.5em #EEE solid; } hr { height: 1px; background-color: oklch(0.6825 0.0296 301.07); margin-left: 10em; margin-right: 10em; } pre, code, kbd, samp { color: #000; font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 0.98em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } b, strong { font-weight: bold; } dfn { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin-bottom: 1em; } dt { font-weight: bold; margin-bottom: .8em; } dd { margin: 0 0 .8em 2em; } dd:last-child { margin-bottom: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } figure { display: block; text-align: center; margin: 1em 0; } figure img { border: none; margin: 0 auto; } figcaption { font-size: 0.8em; font-style: italic; margin: 0 0 .8em; } table { margin-bottom: 2em; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-spacing: 0; border-collapse: collapse; } table th { padding: .2em 1em; background-color: #eee; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } table td { padding: .2em 1em; border-top: 1px solid #ddd; border-left: 1px solid #ddd; vertical-align: top; } .author { font-size: 1.2em; text-align: center; } @media print { * { background: transparent !important; color: black !important; filter: none !important; -ms-filter: none !important; } body { font-size: 12pt; max-width: 100%; } a, a:visited { text-decoration: underline; } hr { height: 1px; border: 0; border-bottom: 1px solid black; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; padding-right: 1em; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page :left { margin: 15mm 20mm 15mm 10mm; } @page :right { margin: 15mm 10mm 15mm 20mm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }