========================= font face ========================= */ @font-face{font-family:unifont;src:url(../../static/fonts/unifont.woff)format("woff");font-display:swap}:root{--font-mono:"Unifont", monospace;--fs-root:17px;--fs-body:1rem;--fs-code:0.9rem;--lh-body:1.6;--lh-code:1.5;--bg:#000000;--fg:#ffffff;--purple:#be95ff;--white:#ffffff;--gray-white:#d0d0d0;--red:#bb0000;--real-red:#ff0000;--content-max:60rem;--content-narrow:60ch;--pad-inline:0.9rem;--pad-body:1em;--bg-overlay-opacity:0.25}*,*::before,*::after{box-sizing:border-box}html{font-size:var(--fs-root)}body{margin:0;background-color:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:var(--fs-body);line-height:var(--lh-body);max-width:1200px;margin-inline:auto;padding:var(--pad-body)0;position:relative;padding-bottom:10vh}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:var(--bg-overlay-opacity);background-repeat:no-repeat;background-position:50%;background-size:cover;z-index:-1;transform:translateZ(0)}header,main{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--pad-inline)}header{display:grid;place-items:center}p{margin:.8em 0}strong{color:var(--gray-white);font-weight:700}em,i{color:var(--gray-white);font-weight:600}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:.2em}h1{font-size:1.2rem}h2{font-size:1.1rem}h3{font-size:1rem}h4,h5,h6{font-size:.95rem}h1::before{content:"# ";color:var(--purple)}h2::before,h3::before,h4::before,h5::before,h6::before{color:var(--red)}h2::before{content:"## "}h3::before{content:"### "}h4::before{content:"#### "}h5::before{content:"##### "}h6::before{content:"###### "}a{color:var(--gray-white);text-decoration:none}a:hover{color:var(--red)}code,pre{font-family:var(--font-mono);max-height:40vh}code{font-size:.85rem}pre{font-size:var(--fs-code);line-height:var(--lh-code);margin:.8em 0}.banner{white-space:pre;font-weight:700;margin-bottom:.75rem}.ascii{font-family:var(--font-mono);line-height:1;color:var(--real-red)}.base-title::before{content:none}#menu a{color:var(--white);margin-right:10px}#menu a:hover,#menu a.active{color:var(--red)}.arrow{color:var(--fg)}.quote{font-size:.85rem;line-height:1.25;text-align:center;letter-spacing:.02em;color:var(--quote);max-width:40ch;margin:.5rem auto 1rem}.blog-date{margin-left:.6rem;font-size:.7rem;opacity:.5;color:var(--gray-white)}.category-filter{display:flex;flex-wrap:wrap;margin:.8rem 0 1.2rem;margin-left:1rem}footer{margin-top:3rem;text-align:center;opacity:.8}@media(max-width:768px){main{max-width:var(--content-narrow)}html{font-size:clamp(13px,1.5vw,14px)}body{padding:1em;max-width:720px}.banner{display:block;margin-bottom:.75rem}.ascii{font-family:var(--font-mono);line-height:1;color:var(--real-red)}pre,code{font-size:.8rem;overflow-x:auto}img{max-width:720px;width:100%;height:auto}ul li{align-items:flex-start}ul li::before{margin-top:.35em}}