:root{--bg:#080c0e;--second-bg:#11181d;---accent: #222;--text-col:#ddd;--link-col:#54aeff;--header-width:900px}body{background-color:var(--bg);color:#fff;font-family:sans-serif;line-height:1.5;width:100%;min-height:100dvh;margin:0;display:flex;flex-direction:column;align-items:center;font-family:overpass,ubuntu mono,dejavu sans mono,courier new,Courier,monospace;font-size:1.2em}body>*{width:100%;display:flex;flex-direction:column;box-sizing:border-box}header{margin-bottom:2em;align-items:center;background-color:var(--second-bg);padding:1em 0}.h-container{width:100%;max-width:var(--header-width);display:flex;flex-direction:row;justify-content:center}.site-title{font-size:3em;text-align:center}.navmenu{display:flex;flex-direction:row;justify-content:center;gap:16px;padding:0 16px;width:100%;flex-wrap:wrap}.navmenu a{color:grey;font-size:1.4em}.navmenu span::before{content:"•";margin-right:.5rem;color:#999}.navmenu span:first-child::before{content:none}#container{flex:1;flex-direction:row;justify-content:center;gap:2em;max-width:1386px;padding:0 2em}main,#sidebar{border:1px var(---accent)solid;padding:2em;color:#ddd;background-color:var(--second-bg)}main{flex:3 0;display:flex;flex-direction:column}main h2::before{content:"$ "}#sidebar{flex:1;align-self:flex-start;display:flex;flex-direction:column;align-items:center;text-align:center}#portrait{max-width:8em;border-radius:50%}#sidebar-icons{fill:var(--text-col)}#sidebar-icons a{color:var(--text-col)}#sidebar-icons a:hover{text-decoration:none}.lastmod{font-size:.8em;font-style:italic}main p{color:var(--text-col)}.post-summary{display:flex;flex-direction:row;width:100%;justify-content:space-between;margin-top:2em}.post-summary time{color:var(--text-col)}.post-title{color:inherit}.post-title:hover{text-decoration:none}.post-content{flex:1 0}iframe{width:100%;border:none;height:1000px}.post-time{font-size:.8em}.centered{text-align:center}footer{margin-top:1em;padding:1em;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;font-size:.6em;color:var(--text-col)}#view-counter{min-height:105px;width:320px;max-width:70%}#view-counter>img{max-width:100%}.footer-text span::before{content:"•";margin-right:.5rem;color:#999}.footer-text span:first-child::before{content:none}a{color:var(--link-col);text-decoration:none}a:hover{color:#fff;text-decoration:underline}h1,h2{margin:0}@media screen and (width <=700px){body{font-size:1em}#container{flex-direction:column;gap:1em;padding:0 1em}main,#sidebar{padding:1em}}@font-face{font-family:overpass;src:url(/font/Overpass-VariableFont_wght.ttf)format('truetype'),url(/font/Overpass-Italic-VariableFont_wght.ttf)format('truetype')}