.bg{background-color:#24253a}.chroma{background-color:#24253a;color:#f8f8f2}.chroma .err{color:#960050;background-color:#1e0010}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#2e2f48}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#7f7f7f}.chroma .line{display:flex}.chroma .k{color:#66d9ef}.chroma .kc{color:#66d9ef}.chroma .kd{color:#66d9ef}.chroma .kn{color:#f92672}.chroma .kp{color:#66d9ef}.chroma .kr{color:#66d9ef}.chroma .kt{color:#66d9ef}.chroma .na{color:#a6e22e}.chroma .nc{color:#a6e22e}.chroma .no{color:#66d9ef}.chroma .nd{color:#a6e22e}.chroma .ne{color:#a6e22e}.chroma .nf{color:#a6e22e}.chroma .nx{color:#a6e22e}.chroma .nt{color:#f92672}.chroma .s{color:#e6db74}.chroma .sa{color:#e6db74}.chroma .sb{color:#e6db74}.chroma .sc{color:#e6db74}.chroma .dl{color:#e6db74}.chroma .sd{color:#e6db74}.chroma .s2{color:#e6db74}.chroma .se{color:#ae81ff}.chroma .sh{color:#e6db74}.chroma .si{color:#e6db74}.chroma .sx{color:#e6db74}.chroma .sr{color:#e6db74}.chroma .s1{color:#e6db74}.chroma .ss{color:#e6db74}.chroma .m{color:#ae81ff}.chroma .mb{color:#ae81ff}.chroma .mf{color:#ae81ff}.chroma .mh{color:#ae81ff}.chroma .mi{color:#ae81ff}.chroma .il{color:#ae81ff}.chroma .mo{color:#ae81ff}.chroma .o{color:#f92672}.chroma .ow{color:#f92672}.chroma .c{color:#75715e}.chroma .ch{color:#75715e}.chroma .cm{color:#75715e}.chroma .c1{color:#75715e}.chroma .cs{color:#75715e}.chroma .cp{color:#75715e}.chroma .cpf{color:#75715e}.chroma .gd{color:#f92672}.chroma .ge{font-style:italic}.chroma .gi{color:#a6e22e}.chroma .gs{font-weight:700}.chroma .gu{color:#75715e}html,body{height:100%;width:100%;margin:0;padding:0;border:0;font:18px/1.7 Arial,sans-serif;color:#c8cad8;text-align:left;background-color:#1a1b26}body{display:flex;flex-direction:column;min-height:100vh}.section{flex:1}.content{max-width:1000px;padding-bottom:15px;padding-left:15px;padding-right:15px;margin:1.5rem auto}a{text-decoration:none;color:#7aa2f7;transition:color .2s ease}a:visited{color:#7aa2f7}a:hover{color:#9ab8fa;text-decoration:underline}a:active{color:#9ab8fa}pre,code{font-size:.9em;border-radius:6px}code{font-family:jetbrains mono,monospace;padding:2px 6px;background-color:#24253a}pre{padding:1rem 1.25rem;overflow-x:auto;background-color:#24253a;border:1px solid rgba(255,255,255,8%);border-radius:8px}pre>code{border:0;padding:0;background:0 0}nav{font-size:19px}h1,h2,h3,h4,h5,h6{color:#e2e4f0;letter-spacing:-.01em}h1{line-height:1.2}h2{margin-top:2rem}h3{margin-top:1.5rem}hr{clear:both;border:none;border-top:1px solid rgba(255,255,255,.14);margin:2rem 0}figure{display:flex;flex-direction:column;align-items:center;margin:1.5rem auto;text-align:center;padding-bottom:.75rem}figure>img,figure>picture>img{margin:0 auto;max-width:100%;height:auto;border-radius:6px}figure>picture{display:block;max-width:100%}figure>figcaption{font-size:.8em;text-align:center;color:#8b8fa3;margin-top:.35rem;padding-top:.15rem;line-height:1.45}figure>figcaption p{margin:0}figure>figcaption a{color:#8b8fa3}figure>figcaption a:hover{color:#7aa2f7}.center{display:block;margin:0 auto}.italic{font-style:italic;color:#8b8fa3}.navbar{background-color:#1f2035;border-bottom:1px solid rgba(255,255,255,8%);color:#fff;width:100%}.navbar-container{max-width:1000px;margin:auto;padding-left:15px;padding-right:15px}.navbar-container::after{content:"";display:table;clear:both}.navbar .top{text-align:left;font-weight:700;font:32px righteous,cursive;margin-top:5px}.navbar .bottom{font:17px Arial,sans-serif;margin-bottom:5px}.navbar .bottom::after{content:"";display:table;clear:both}.title{font-size:2em}.left{float:left}.right{float:right}.half-width{width:50%}.center-text{text-align:center}.include{font-family:jetbrains mono,monospace}.home-grid{display:flex;gap:2rem;align-items:flex-start}.home-intro{flex:1 1 55%}.home-posts{flex:1 1 40%}.home-posts p{margin-top:3px;margin-bottom:3px}.home-post-item{margin-bottom:.5rem}.home-post-desc{font-size:.85em;color:#8b8fa3;margin-top:.1rem;margin-bottom:.5rem;line-height:1.45}.home-post-date{font-size:.9em}@media(max-width:800px){.home-grid{flex-direction:column;gap:0}}.navbar a{text-decoration:none;color:#dcdee8;transition:color .2s ease}.navbar a:hover,.navbar a:active{color:#9ab8fa}.subtitle{margin-bottom:0;padding-bottom:0;color:#8b8fa3}.subtitle>.subtitle-part{margin-left:1em}.sidenote{font-size:80%;position:relative;float:left;clear:left;margin-left:-16vw;text-align:right;margin-top:.2rem;width:15vw;color:#8b8fa3}@media(max-width:1200px){.sidenote{float:left;text-align:left;width:90vw;margin:1rem 0;padding-left:10%}}.blog-list-item{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.14)}.blog-list-item:last-child{border-bottom:none}.blog-list-item h2{margin-top:.25rem;margin-bottom:.25rem}.blog-list-item p{margin-top:.25rem;margin-bottom:0;color:#8b8fa3;font-size:.95em}.blog-list-date{font-size:.8em;color:#8b8fa3}.tags{margin:.25rem 0 1.5rem 1em;font-size:.9em}.tags i{color:#8b8fa3}.tags .tag{display:inline-block;background-color:#24253a;color:#7aa2f7;padding:2px 10px;border-radius:999px;margin:2px;font-size:.82em;border:1px solid rgba(255,255,255,.14);transition:background-color .2s ease,border-color .2s ease}.tags .tag:hover{background-color:#30314d;border-color:#7aa2f7;text-decoration:none;color:#9ab8fa}.toc{margin:1rem 0;padding:.75rem 1rem;background-color:#24253a;border-radius:8px;border:1px solid rgba(255,255,255,8%)}.toc summary{cursor:pointer;user-select:none;color:#e2e4f0}.toc nav#TableOfContents{margin-top:.5rem}.toc nav#TableOfContents ul{padding-left:1.5rem}.toc nav#TableOfContents a{font-size:.95em;color:#8b8fa3;transition:color .2s ease}.toc nav#TableOfContents a:hover{color:#7aa2f7;text-decoration:none}.prev-next{display:flex;justify-content:space-between;margin:1.5rem 0;padding:.75rem 0;border-top:1px solid rgba(255,255,255,8%);font-size:.95em}.prev-next a{color:#8b8fa3;transition:color .2s ease}.prev-next a:hover{color:#7aa2f7;text-decoration:none}.prev-next .next-post{margin-left:auto}.related-posts{margin:1.5rem 0;padding:1rem 1.25rem;background-color:#24253a;border-radius:8px;border:1px solid rgba(255,255,255,8%)}.related-posts h3{margin-top:0;margin-bottom:.5rem;font-size:1em;color:#8b8fa3;text-transform:uppercase;letter-spacing:.05em;font-weight:400}.related-posts ul{padding-left:1.25rem;margin:0}.related-posts li{margin-bottom:.25rem}.hero{position:relative;width:100%;height:200px;overflow:hidden;border-radius:8px;margin-bottom:.5rem}.hero canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.hero-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,transparent 30%,rgba(26,27,38,.6) 100%)}.hero-overlay h2{margin:0;font-size:2em;color:#e2e4f0;text-shadow:0 2px 16px rgba(0,0,0,.6)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(max-width:700px){.project-grid{grid-template-columns:1fr}}.project-card{display:block;background-color:#24253a;border:1px solid rgba(255,255,255,8%);border-radius:8px;overflow:hidden;text-decoration:none;color:#c8cad8;transition:border-color .2s ease,transform .2s ease}.project-card:hover{border-color:#7aa2f7;transform:translateY(-2px);text-decoration:none;color:#c8cad8}.project-card:visited{color:#c8cad8}.project-card-img{width:100%;height:200px;overflow:hidden;background-color:#1e1f31;display:flex;align-items:center;justify-content:center}.project-card-img img{max-width:100%;max-height:100%;display:block;object-fit:contain;transition:transform .3s ease}.project-card:hover .project-card-img img{transform:scale(1.03)}.project-card-body{padding:.75rem 1rem 1rem}.project-card-body h2{font-size:1.15em;margin:0 0 .25rem;color:#e2e4f0}.project-card-body h2 i{font-size:.8em;color:#8b8fa3;margin-left:.25em}.project-card-body p{font-size:.85em;color:#8b8fa3;margin:0 0 .5rem;line-height:1.5}.project-card-tags{display:flex;flex-wrap:wrap;gap:4px}.project-card-tags .tag{font-size:.72em;background-color:#30314d;color:#7aa2f7;padding:1px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14)}.video-embed{position:relative;width:100%;aspect-ratio:16/9;margin:1.5rem 0;border-radius:8px;overflow:hidden;background-color:#24253a}.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.hero-link{color:#e2e4f0;text-decoration:none}.hero-link:visited{color:#e2e4f0}.hero-link:hover{color:#9ab8fa;text-decoration:none}.rss-link{margin-left:.6em;font-size:.9em;color:#8b8fa3}.rss-link:hover{color:#7aa2f7;text-decoration:none}.site-footer{border-top:1px solid rgba(255,255,255,8%);padding:1.25rem 15px;margin-top:2rem;font-size:.85em;color:#8b8fa3}.footer-container{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:.75rem}.footer-links a{color:#8b8fa3;font-size:1.15em;transition:color .2s ease}.footer-links a:hover{color:#7aa2f7;text-decoration:none}