:root{--bg:#181818;--bg-darker:#111;--fg:#b3b3b3;--gray:#7f7f7f;--yellow:#acac53;--purple:#7352ad;--blue:#5372ac;--cyan:#53acac;--green:#69a659;--acqua:#53ac73;--pink:#ac53ac;--red:#ac5353;--orange:#ac8053}body{color:var(--fg);background-color:var(--bg);font-family:sans-serif;margin:0 auto;word-break:break-word;max-width:100%;padding:0 1rem}@media(min-width:900px){body{max-width:900px;padding:0;font-size:18px;line-height:1.7}}header{margin-bottom:1rem;text-align:center;border-radius:5px}footer{border-top:1px solid;margin-top:1rem}a{color:var(--blue)}a:visited{color:var(--pink)}nav li{list-style:none}nav ul{padding:0;display:flex;gap:10px;radius:3px;padding:10px;justify-content:center}.writing-box{background-color:#111;color:#ddd;margin-bottom:10px;padding:2px 15px;border-radius:5px}@media(min-width:768px){.writing-box h2{font-size:1.5rem}}footer{text-align:center}figure img{padding:0;margin:0;max-width:100%;height:auto;display:block}code,pre{overflow-x:auto}.highlight pre{border:solid 1px #000;padding:1rem}p>code{background-color:#3c4043;color:#f8f8f2;padding:2px 4px;border-radius:3px}main :is(h1,h2,h3,h4,h5,h6){color:var(--yellow)}h2.section{font-size:1.125rem}blockquote{font-style:italic;color:var(--yellow)}