:root{--bg-color:#252929;--post-font:Hack, "Roboto Mono", monospace;--post-font-size:1rem;--post-line-height:1.35rem;--link-color:#bbb;--visited-link-color:#bac;--page-width:768px}body:has(#less-mono:checked){--post-font:Arial, Helvetica, sans-serif;--post-font-size:1.15rem;--post-line-height:1.55rem}#less-mono{display:none}#less-mono+label{display:inline-block;text-align:center;width:125px;padding:.4em .8em;margin-bottom:1em;color:#aaa;border:1px solid #444;border-radius:.3em;cursor:pointer;line-height:1.5rem;font-family:Hack,roboto mono,monospace;transition:all .2s ease;position:relative}#less-mono+label::before{content:"Aa";font-family:Arial,sans-serif;margin-right:.5em;opacity:.5;font-size:.9em;transition:opacity .2s ease}#less-mono+label:hover{background-color:#333;border-color:#555}#less-mono+label:hover::before{opacity:1}#less-mono:checked+label{text-decoration:line-through;font-family:Arial,sans-serif;line-height:1.5rem;background-color:#333;border-color:#555}#less-mono:checked+label::before{font-family:Hack,roboto mono,monospace;opacity:.5}label[for=less-mono]{position:relative}label[for=less-mono]::after{content:"← Click here if the font is too ugly";position:absolute;left:160px;top:50%;transform:translateY(-50%);color:#aaa;font-family:Arial,sans-serif;font-size:.9em;white-space:nowrap;opacity:1;animation:fadeOut 2.5s ease-in forwards;animation-delay:1.5s}@keyframes fadeOut{from{opacity:1}to{opacity:0}}body{color:#ccc;font-family:Hack,roboto mono,monospace;font-size:1rem;margin:0;background-color:var(--bg-color);min-height:100vh;display:flex;flex-direction:column}p::selection,header h1::selection,header h1::selection,header h1 ul::selection{background-color:#666}a{text-decoration:none}header{width:min(90%,var(--page-width));margin:0 auto;position:relative}header h1{display:inline-block;position:relative;padding-left:1em}header h1 a{color:#ccc;text-decoration:none;font-size:1.5rem}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}header h1::after{content:"";position:absolute;right:-.6em;top:50%;transform:translateY(-50%);width:.5em;height:1em;background-color:#ccc;animation:blink 1.2s step-end infinite}header h1::before{content:"";position:absolute;left:0;top:60%;transform:translateY(-50%);width:0;height:0;border-top:.7em solid transparent;border-bottom:.7em solid transparent;border-left:.7em solid #151515}header li a::selection{background-color:#666}header::before{content:"";position:absolute;width:12vw;left:-12vw;top:55%;transform:translateY(-50%)translateX(1px);height:2.7em;background:linear-gradient(to right,transparent,#151515 100%)}header nav{padding:1em;float:right;display:inline-block}header nav ul{display:inline-block;list-style:none;margin:1em 0 0;padding:0}header nav ul li{padding-left:.5em;display:inline-block;font-size:1.2rem}header nav ul li a{color:#ccc;text-decoration:underline;text-decoration-color:#606060}main{width:var(--page-width);margin:0 auto;padding:1rem;flex:1}footer{width:min(90%,var(--page-width));margin:0 auto;padding:1rem;margin-top:auto}@media(max-width:768px){:root{--page-width:90%}main{width:90%;padding:1rem .5rem}header{width:90%;padding:0 .5rem}header nav{display:none}#commit-post p:has(img){padding:0 100px}div pre code{max-width:100%;padding:.3em}header::before{content:"";position:absolute;width:12vw;left:-12vw;top:55%;transform:translateY(-50%)translateX(9px);height:2.7em;background:linear-gradient(to right,transparent,#151515 100%)}}#commit-log a p{color:#ccc;font-family:Hack,roboto mono,monospace;line-height:1;margin-left:0;margin-top:0;margin-bottom:.3em}#commit-log,#commit-log p.commit-line{color:#ff7300;font-family:Hack,roboto mono,monospace}#commit-log a:hover{text-decoration:underline;text-decoration-thickness:.13em;text-decoration-color:#666767}#commit-log a span.head{color:#4f7a4f}#commit-log a span.head::selection{color:#222;background-color:#4f7a4f}#commit-log a span.branch{color:#8adc8a}#commit-log a span.branch::selection{background-color:#333}#commit-log a span.remote{color:#a53020}#commit-post{font-family:var(--post-font);line-height:var(--post-line-height);font-size:var(--post-font-size)}#commit-post p:has(img){width:100%;box-sizing:border-box;padding:0;margin:1rem 0;text-align:center}#commit-post p img{max-width:100%;height:auto}#commit-post h2{line-height:1.3}#commit-post a{text-decoration:underline;color:var(--link-color)}#commit-post a:visited{color:var(--visited-link-color)}#commit-log h2.commit-message{margin:0;font-size:1rem;color:#ccc;padding-left:3em}p code{background-color:#223;color:#afafaa;border-radius:.3em;padding-left:.2em;padding-right:.2em;font-family:Hack,roboto mono,monospace;border:1px solid #111}div pre code{display:block;background-color:#222;color:#ccc;padding:.3em .6em;border-radius:.3em;font-family:Hack,roboto mono,monospace;border:1px solid #111;overflow:scroll}footer{width:min(90%,1200px);margin:0 auto}