html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;src:local(JetBrains Mono),url(/fonts/JetBrainsMonoMedium.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:500;src:local(JetBrains Mono),url(/fonts/JetBrainsMonoMediumItalic.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:800;src:local(JetBrains Mono),url(/fonts/JetBrainsMonoExtraBold.woff)format("woff")}
:root{--font-family:"JetBrains Mono",monospace;--line-height:1.3rem;--border-thickness:2px;--text-color:#000;--text-color-alt:#444;--background-color:#fff;--background-color-alt:#eee;--font-weight-normal:500;--font-weight-medium:500;--font-weight-bold:800;font-family:var(--font-family);font-optical-sizing:auto;font-variant-numeric:tabular-nums lining-nums;font-size:16px;font-style:normal;font-weight:500}@media (prefers-color-scheme:dark){:root{--text-color:#fff;--text-color-alt:#aaa;--background-color:#000;--background-color-alt:#111}}*{box-sizing:border-box}html{background:var(--background-color);width:100%;color:var(--text-color);flex-direction:column;align-items:center;margin:0;padding:0;display:flex}body{width:100%;padding:var(--line-height)2ch;line-height:var(--line-height);margin:0;position:relative;overflow-x:hidden}@media screen and (max-width:480px){:root{font-size:14px}}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);margin:calc(var(--line-height)*2)0 var(--line-height);line-height:var(--line-height)}h1{font-size:2rem;line-height:calc(2*var(--line-height));margin-bottom:calc(var(--line-height)*2);text-transform:uppercase}h2{text-transform:uppercase;font-size:1rem}hr{height:var(--line-height);margin:calc(var(--line-height)*1.5)0;color:var(--text-color);border:none;display:block;position:relative}hr:after{content:"";top:calc(var(--line-height)/2 - var(--border-thickness));border-top:calc(var(--border-thickness)*3)double var(--text-color);width:100%;height:0;display:block;position:absolute;left:0}a{text-decoration-thickness:var(--border-thickness)}a:link,a:visited{color:var(--text-color)}p{margin-bottom:var(--line-height)}strong{font-weight:var(--font-weight-bold)}em{font-style:italic}sub{vertical-align:sub;width:1.33333ch;margin:0;font-size:.75rem;line-height:0;display:inline-block;position:relative}table{top:calc(var(--line-height)/2);border-collapse:collapse;width:calc(round(down,100%,1ch));margin:0 0 calc(var(--line-height)*2);position:relative}th,td{border:var(--border-thickness)solid var(--text-color);padding:calc((var(--line-height)/2))calc(1ch - var(--border-thickness)/2)calc((var(--line-height)/2) - (var(--border-thickness)));line-height:var(--line-height);vertical-align:top;text-align:left}table tbody tr:first-child>*{padding-top:calc((var(--line-height)/2) - var(--border-thickness))}th{font-weight:700}.width-min{width:0%}.width-auto{width:100%}.header{margin-bottom:calc(var(--line-height)*2)}.header h1{margin:0}.header tr td:last-child{text-align:right}p{word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}img,video{display:block}img{color:var(--text-color-alt);font-style:italic}details{border:var(--border-thickness)solid var(--text-color);padding:calc(var(--line-height) - var(--border-thickness))1ch;margin-bottom:var(--line-height)}summary{font-weight:var(--font-weight-medium);cursor:pointer}details[open] summary{margin-bottom:var(--line-height)}details ::marker{content:"▶";margin:0;display:inline-block}details[open] ::marker{content:"▼"}details :last-child{margin-bottom:0}pre{white-space:pre;margin:var(--line-height)0;overflow:auto hidden}figure pre{margin:0}pre,code{font-family:var(--font-family)}code{font-weight:var(--font-weight-medium)}figure{margin:calc(var(--line-height)*2)3ch;overflow:auto hidden}figcaption{margin-top:var(--line-height);font-style:italic;display:block}ul,ol{margin:0 0 var(--line-height);padding:0}ul{padding:0 0 0 2ch;list-style-type:square}ol{counter-reset:item;padding:0;list-style-type:none}ol ul,ol ol,ul ol,ul ul{margin:0;padding:0 0 0 3ch}ol li:before{content:counters(item,".")". ";counter-increment:item;font-weight:var(--font-weight-medium)}li{margin:0;padding:0}li::marker{line-height:0}::-webkit-scrollbar{height:var(--line-height)}input,button,textarea{border:var(--border-thickness)solid var(--text-color);padding:calc(var(--line-height)/2 - var(--border-thickness))calc(1ch - var(--border-thickness));font:inherit;font-weight:inherit;height:calc(var(--line-height)*2);background:var(--background-color);width:auto;color:var(--text-color);-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none;margin:0;line-height:normal;overflow:visible}input[type=checkbox]{vertical-align:top;width:2ch;height:var(--line-height);cursor:pointer;place-content:center;display:inline-grid}input[type=checkbox]:checked:before{content:"";width:1ch;height:calc(var(--line-height)/2);background:var(--text-color)}button:focus,input:focus{--border-thickness:3px;outline:none}input{width:calc(round(down,100%,1ch))}::placeholder{color:var(--text-color-alt);opacity:1}::-moz-placeholder{color:var(--text-color-alt)}button::-moz-focus-inner{border:0;padding:0}button{text-transform:uppercase;font-weight:var(--font-weight-medium);cursor:pointer}button:hover{background:var(--background-color-alt)}button:active{transform:translate(2px,2px)}label{width:calc(round(down,100%,1ch));height:auto;line-height:var(--line-height);font-weight:var(--font-weight-medium);margin:0;display:block}label input{width:100%}.tree,.tree ul{line-height:var(--line-height);padding-left:0;list-style-type:none;position:relative}.tree ul{margin:0}.tree ul li{border-left:var(--border-thickness)solid var(--text-color);margin-left:1.5ch;padding-left:1.5ch;position:relative}.tree ul li:before{top:calc(var(--line-height)/2);content:"";border-bottom:var(--border-thickness)solid var(--text-color);width:1ch;display:block;position:absolute;left:0}.tree ul li:last-child{border-left:none}.tree ul li:last-child:after{content:"";height:calc(var(--line-height)/2);border-left:var(--border-thickness)solid var(--text-color);display:block;position:absolute;top:0;left:0}.grid{--grid-cells:0;width:calc(round(down,100%,(1ch*var(--grid-cells)) - (1ch*var(--grid-cells) - 1)));margin-bottom:var(--line-height);gap:1ch;display:flex}.grid>*,.grid>input{flex:0 0 calc(round(down,(100% - (1ch*(var(--grid-cells) - 1)))/var(--grid-cells),1ch))}.grid:has(>:last-child:first-child){--grid-cells:1}.grid:has(>:last-child:nth-child(2)){--grid-cells:2}.grid:has(>:last-child:nth-child(3)){--grid-cells:3}.grid:has(>:last-child:nth-child(4)){--grid-cells:4}.grid:has(>:last-child:nth-child(5)){--grid-cells:5}.grid:has(>:last-child:nth-child(6)){--grid-cells:6}.grid:has(>:last-child:nth-child(7)){--grid-cells:7}.grid:has(>:last-child:nth-child(8)){--grid-cells:8}.grid:has(>:last-child:nth-child(9)){--grid-cells:9}.debug .debug-grid{--color:color-mix(in srgb,var(--text-color)10%,var(--background-color)90%);z-index:-1;background-image:repeating-linear-gradient(var(--color)0 1px,transparent 1px 100%),repeating-linear-gradient(90deg,var(--color)0 1px,transparent 1px 100%);background-size:1ch var(--line-height);margin:0;position:absolute;inset:0}.debug .off-grid{background:#ff00001a}.debug-toggle-label{text-align:right}
html{overflow:scroll}h1:first-of-type{color:var(--primary-color);margin:0;margin-bottom:var(--line-height);font-size:2rem}.container{max-width:1200px;margin:0 auto}.content{border:1px solid #000;border-top:none;flex-direction:column;gap:1rem;padding:1rem;display:flex}footer{padding:var(--line-height)1ch;text-transform:uppercase;border:1px solid #000;border-top:none;flex-direction:row;justify-content:space-between;align-items:center;display:flex}footer .social-links{gap:1ch;padding:1ch;display:flex}footer a{text-decoration:none}pre{background-color:var(--background-color-alt);color:var(--text-color-alt);text-transform:none;padding:2ch;overflow-x:auto}code{background-color:var(--background-color-alt);color:var(--text-color-alt);text-transform:none}
.blog-post-image{flex-direction:column;justify-content:center;align-items:center;display:flex}@media (min-width:1024px){.blog-category-and-search{flex-direction:row;justify-content:space-between;display:flex}}.blog-search{max-width:200px}.categories{margin-bottom:var(--line-height);flex-flow:wrap;justify-content:flex-start;align-items:center;display:flex}.categories a{border:solid 1px var(--text-color);text-transform:uppercase;white-space:nowrap;margin-bottom:-1px;margin-right:-1px;padding:1ch;text-decoration:none}.categories a:hover{background-color:var(--background-color-alt)}.categories a.category-active{background-color:var(--text-color);color:var(--background-color)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}article.post{max-width:none;margin-left:auto;margin-right:auto}.blog-list-grid-item{margin-bottom:calc(1*var(--line-height))}.blog-list-grid .blog-list-header{justify-content:space-between;display:flex}.blog-list-grid .blog-list-header h2{margin:0;padding:0}.blog-list-grid .date{margin-bottom:calc(1*var(--line-height))}.blog-list-grid .image{margin-bottom:calc(1*var(--line-height));align-content:flex-end;align-items:flex-end}.excerpt{margin-bottom:calc(1*var(--line-height))}.continue{text-align:left;display:none}.date{color:#666}
#projects{grid-gap:1ch;grid-template-columns:50% 50%;place-content:start;display:grid}@media screen and (max-width:960px){#projects{grid-template-columns:100%}}.project{margin-bottom:var(--line-height);flex-direction:column;align-content:flex-start;align-items:flex-start;display:flex}.project .image-link{flex-direction:column;align-content:center;align-items:center;display:flex}.project .image img{border:1px solid #999;max-width:80%;height:auto;padding:1ch}.project .description{margin-top:var(--line-height)}.project h2 img{display:inline-block}.project a{text-decoration:none}.project .url{margin-top:var(--line-height)}.project .url a:hover{text-decoration:underline}.project h2{margin:0 0 var(--line-height)0}
nav{border:solid 1px var(--text-color);flex-direction:column;width:100%;display:flex}nav .site-name{font-size:2rem;line-height:calc(2*var(--line-height));border-bottom:solid 1px var(--text-color);flex-direction:row;justify-content:flex-end;padding:.5ch;display:flex}nav .site-name a{text-decoration:none}nav .menu{flex-direction:row;justify-content:space-between;display:flex}nav a.menu-item{border:1px solid var(--text-color);text-transform:uppercase;border-top:none;border-bottom:none;margin-right:-1px;padding:1ch;text-decoration:none;display:inline-block}nav a.menu-item img{margin-bottom:-1px}@media screen and (max-width:480px){nav a.menu-item.github{display:none}}nav a.menu-item-active{background-color:var(--text-color);color:var(--background-color)}nav a.menu-item:hover{background-color:var(--background-color-alt)}nav a.menu-item-active:hover{background-color:var(--text-color)}nav .slogan{align-content:center;margin-left:1ch}nav .site-name{text-transform:uppercase}nav .menu-wrapper{flex-direction:row;place-content:flex-end space-between;align-items:flex-end;display:flex}
form input,.input,form .send,form .is-sending,form .status{margin-bottom:var(--line-height)}form .cursor-not-allowed{cursor:not-allowed}form .cursor-pointer{cursor:pointer}form textarea{resize:vertical;width:100%;height:calc(10*var(--line-height))}