html{color-scheme:dark}body{margin:3vw auto;max-width:55rem;line-height:1.3;font-size:1.2rem;padding:0 2rem;background-color:#252422;color:#dce1de;font-family:monospace}h1,h2,h3,h4{margin-bottom:.3rem}ul{margin-top:.3rem}a{color:#8b95c9}h1 a{text-decoration:none}hr{height:.25rem;border-radius:.2rem;border:none;background-color:#2e2d2c}img{max-width:40rem;width:100%;display:block;margin:0 auto}.youtube{width:40rem;aspect-ratio:16/9;display:block;margin:0 auto}.header-title{margin:0;font-size:2.5rem}.header-separator{margin-top:-.2rem}.index-section{background-color:#2e2d2c;padding:.7rem;margin-top:.6rem;border-radius:.4rem}.index-section h2{margin-top:-.3rem}.index-section ul{margin-bottom:.3rem}.subtitle{margin:.5rem auto}.blog-header{display:flex;justify-content:space-between}.blog-header-left{padding-right:1rem;flex:1 1 auto;max-width:60%}.blog-header-right{flex:0 0 auto;white-space:nowrap;text-align:right}.project-section h2{text-align:center;text-decoration:none}pre{padding:.5rem;border-radius:.3rem;overflow:auto;tab-size:4;font-family:monospace}blockquote{background:#171615;border-left:.7rem solid #f3e9dc;margin:1.5em 10px;padding:.5em 10px}blockquote p{margin-top:.2rem;margin-bottom:.2rem}p code{background:#171615;padding-left:.25rem;padding-right:.25rem;font-family:monospace}.footer-text{text-align:center;color:#2e2d2c}.footer-text a{text-decoration:none;padding:0rem .5rem}