html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0}header{position:relative;padding:1.2rem 12px;display:flex;flex-wrap:wrap;align-items:center;color:#fff;background-color:#2b373f}header h2{font-size:2rem;font-weight:300;color:#fff;display:none}header a{color:inherit!important;text-decoration:none}header a:hover{text-decoration:underline}header ul{list-style:none;margin:0;padding:0;display:flex}header nav{flex:1 0 auto;font-family:lato,sans-serif;font-size:1.7rem}header nav ul{align-items:center}header nav li{flex:none}header nav li:not(:last-of-type){margin-right:24px}header li.rss-icon a{display:block}header li.rss-icon img{width:24px;height:24px;display:block}header.splash{position:relative;display:block;padding-top:6rem;padding-bottom:2rem}header.splash .title{flex:none;width:100%;font-family:lato,sans-serif;font-size:2rem;font-weight:300;line-height:1;color:#fff;text-align:center;font-size:3rem;margin-bottom:1.4rem}header.splash nav{position:absolute;top:14px;left:12px}header.splash .icon{width:36px;height:36px}header.splash .social{justify-content:center}header.splash .social li{padding:0 4px}@media(prefers-color-scheme:dark){header{color:#d7d7d7;background-color:#2b373f}header h2{color:#d7d7d7;background-color:#2b373f}header.splash .title{color:#d7d7d7}}@media(min-width:512px){header{padding-left:20px;padding-right:20px;flex-wrap:nowrap}header h2{display:block}header nav ul{justify-content:end}header.splash nav{right:20px}header.splash .title{font-size:4rem;margin-bottom:2rem;width:auto}}@media(min-width:1024px){header.splash{padding-top:4rem}}.gallery .project:not(:last-of-type){margin-bottom:5rem}.gallery .project-title{font-family:lato,sans-serif;font-size:2.6rem;font-weight:700}.gallery .project-title a{text-decoration:none;color:inherit!important}.gallery a.screenshot{position:relative;display:block;margin:1.5rem 0}.gallery a.screenshot img{width:100%;height:360px;border:1px solid #ccc}.gallery a.screenshot img.external{position:absolute;width:24px;height:24px;bottom:12px;right:8px;border:none;background-color:#7779;padding:4px}.gallery div.yt-container{margin:1.5rem 0}@media(min-width:1024px){section.has-gallery{max-width:1600px}.gallery{display:flex;flex-wrap:wrap;gap:48px 42px;justify-content:center}.gallery .project{flex:1 0 auto;max-width:35%;margin-bottom:0}.gallery .project:not(:last-of-type){margin-bottom:0}}@media(prefers-color-scheme:dark){.gallery a.screenshot img{border-color:#666}}div.intro{margin-bottom:4rem}table.posts{border-collapse:collapse;margin:.5em 0}table.posts td{padding:.5em 0}table.posts td:not(:last-child){padding-right:20px}table.posts td.date{font-size:1.4rem;white-space:nowrap;color:#666}@media(prefers-color-scheme:dark){table.posts td.date{color:#999}}@media(min-width:512px){table.posts td.date{font-size:inherit}}article{max-width:860px;margin:auto}article .headline,article .meta,article p,article h2,article h3,article .callout,article blockquote{max-width:64rem;margin:auto}article .headline{margin-bottom:2rem;color:#222}article .meta{margin-bottom:5rem;color:#666}article img{max-width:100%;display:block;margin:auto}article figure{margin:0;margin-bottom:6px;padding:12px 0}article figcaption{text-align:center;font-style:italic;font-size:1.5rem;padding:14px;color:#666}article figcaption em{font-style:normal}article figcaption p{max-width:360px;display:inline-block;position:relative;padding:0 20px}article h2{margin-top:5rem;margin-bottom:3rem}article h2,article h2 code{font-size:2.5rem}article h3{margin-top:3rem;margin-bottom:3rem}article h3,article h3 code{font-size:2rem}article strong{color:#111}article p code{text-wrap:nowrap}article p.callout{border:1px solid #ccc;border-left:4px solid #d0d005;border-radius:5px;background-color:#f2f2f2;padding:4px;padding-left:20px}article blockquote{padding-left:20px;border-left:4px solid gray;margin-bottom:3rem}article table:not(.lntable){table-layout:fixed;width:100%;border-collapse:collapse;border:1px solid #c5ced5;margin-bottom:3rem}article table:not(.lntable) thead{border-bottom:1px solid #c5ced5}article table:not(.lntable) th,article table:not(.lntable) td{padding:6px 12px}article table.matrix th:first-child{width:10rem}article table.matrix th:first-child,article table.matrix td:first-child{font-weight:700;border-right:1px solid #c5ced5}article hr{margin-top:5rem;margin-bottom:5rem;max-width:300px;color:#c5ced5}@media(prefers-color-scheme:dark){article .headline{color:#d7d7d7}article .meta{color:#999}article strong{color:#eee}article p.callout{border-color:#777;border-left:2px solid #ff0;background-color:#333}article figcaption{color:#999}article figcaption p::before,article figcaption p::after{border-color:#464d53!important}article table:not(.lntable){border-color:#464d53}article table:not(.lntable) thead{border-color:#464d53}article table.matrix th:first-child,article table.matrix td:first-child{border-color:#464d53}article hr{color:#464d53}}@media(min-width:512px){article figcaption p::before,article figcaption p::after{content:'';width:40px;height:1.5rem;position:absolute;top:0;border-bottom:1px solid #c5ced5}article figcaption p::before{left:-46px;border-left:1px solid #c5ced5;border-radius:0 0 0 10px}article figcaption p::after{right:-46px;border-right:1px solid #c5ced5;border-radius:0 0 10px 0}article table.matrix th:first-child{width:20%}}.bg{color:#f8f8f2;background-color:#272822}.chroma{color:#f8f8f2;background-color:#272822}.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:#ffc}.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 .l{color:#ae81ff}.chroma .ld{color:#e6db74}.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}code{font-family:ubuntu mono,monospace;font-size:1.6rem;text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}p code{color:#000;margin:0 2px;font-weight:400;padding:2px 4px;border:1px solid #aaa;border-radius:5px}div.highlight{margin-bottom:3rem}div.highlight div.chroma{overflow-x:auto}div.highlight code{line-height:1.4}@media(prefers-color-scheme:dark){p code{color:#ddd;border:1px solid #777}}*{box-sizing:border-box}html{font-size:62.5%;background-color:#2b373f;min-height:100%;display:flex;flex-direction:column}body{font-size:1.7rem;font-family:lato,sans-serif;color:#222;background-color:#f7f8f7;flex:1;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(180px,1fr)}h1,h2,h3,h4,h5,h6{color:#222;font-family:lato,sans-serif;font-weight:700}h1{font-size:3rem}main{padding:30px 12px}section .section-title{font-size:3rem;margin-bottom:2.2rem;border-bottom:6px solid #ccc;display:inline-block;position:relative;left:50%;transform:translateX(-50%)}section:not(:last-of-type){margin-bottom:3rem}p{margin:0;line-height:1.7}p:not(:last-child){margin-bottom:3rem}a{color:#06509f}a:visited{color:#8c3576}div.yt-container{display:flex;justify-content:center}div.yt-container iframe{flex:1;aspect-ratio:16/9}footer{margin-top:24px;padding:24px 0;text-align:center;font-family:lato,sans-serif;font-weight:300;font-size:1.2rem;color:#666;background-color:#f7f8f7}@media(prefers-color-scheme:dark){body{color:#c7c7c7;background-color:#252b30}h1,h2,h3,h4,h5,h6{color:#d7d7d7}section .section-title{border-bottom-color:#4c545b}a{color:#a4c7ed}a:visited{color:#c3a4c3}footer{color:#999;background-color:#252b30}}@media(min-width:512px){main{padding:40px 12px}h1{font-size:4rem}section{max-width:64rem;margin-left:auto;margin-right:auto}section:not(:last-of-type){margin-bottom:5rem}}