@font-face{font-family:roboto condensed;font-style:normal;font-weight:300;src:local(''),url(../fonts/roboto-condensed-v19-latin-300.woff2)format('woff2'),url(../fonts/roboto-condensed-v19-latin-300.woff)format('woff')}@font-face{font-family:firacode regular;font-style:normal;font-weight:100;src:local(''),url(../fonts/FiraCode-Regular.woff2)format('woff2'),url(../fonts/FiraCode-Regular.woff)format('woff')}@media screen and (max-width:970px){header{padding:0 10px !important}#fluff{margin:0 10px !important}}body{margin:0;background:#111;color:ivory;font-family:firacode regular;font-size:14px}a{color:#6ae;text-decoration:none;border-bottom:1px solid #367}header{background:#1a1a1a;border-bottom:1px solid #b8860b;box-shadow:0 0 10px #000;& #headerTitleBlock { display: flex; justify-content: center; align-items: center; max-width: 960px; margin-inline: auto; justify-content: space-between; & h1 { font-family: "Roboto Condensed"; font-size: 38px; color: gold; margin: 0; text-shadow: 1px 1px 0 orange } & nav { & ul { padding: 0; margin: 0 0 0 100px; } & li { display: inline-block; } } }}footer{position:relative;display:flex;justify-content:center;align-items:center;color:#708090;margin:25px 0;& p { padding: 0; margin: 0; }}#wttr{white-space:pre}#fluff{max-width:960px;margin-inline:auto;& .homeTitleRow { margin-top: 25px; border-bottom: 1px solid darkgoldenrod; & h2 { margin: 0; & a { border: 0; } } } #legacyWarn { border-left: 5px solid red; background: #300; color: orange; font-size: 0.9rem; margin-top: 10px; padding: 10px; } & time { display: block; margin: 0 0 5px 1px; line-height: 1; font-family: "Roboto Condensed"; font-size: 1.08rem; } & .homeTitleRow+h2, & .homeTitleRow+p { margin-top: 10px; } & h1, & h2, & h3 { font-family: "Roboto Condensed"; color: gold; margin-bottom: 0; } & h1 { text-shadow: 1px 1px 0 orange; } & em { color: violet; } & strong { color: yellow; font-size: 1.1rem; } & blockquote { background: #333; padding: 0; margin: 15px; color: #ce3; border-left: 5px solid #996; line-height: 1.1; & p { display: inline-block; margin: 15px; } } & pre:has(code) { margin: 0; } & code { background: #222; display: block; padding: 15px; margin: 15px; color: #ecf; border-left: 5px solid #769; line-height: 1.1; white-space: break-spaces; } & .highlight { margin: 15px; & code { color: #eed; margin: 0; } } & #metafluff { margin-top: 20px; padding: 10px 0 0 10px; border: 0 solid #333; border-width: 1px 0; } & .pagination { padding: 0; font-size: 24px; position: relative; text-align: center; }}