@font-face{font-family:"iA Writer Mono";font-style:normal;font-weight:400;src:url("/assets/fonts/iAWriterMonoS-Regular.woff2") format("woff2")}@font-face{font-family:"iA Writer Mono";font-style:normal;font-weight:700;src:url("/assets/fonts/iAWriterMonoS-Bold.woff2") format("woff2")}@font-face{font-family:"iA Writer Quattro";font-style:normal;font-weight:400;src:url("/assets/fonts/iAWriterQuattroS-Regular.woff2") format("woff2")}@font-face{font-family:"iA Writer Quattro";font-style:normal;font-weight:700;src:url("/assets/fonts/iAWriterQuattroS-Bold.woff2") format("woff2")}@font-face{font-family:"Departure Mono";src:url("/assets/fonts/DepartureMono-Regular.woff2") format("woff2")}:root{--background-color: #f4f4f4;--text-color: #111;--brand-color: #2a7ae2;--grey-color: #828282;--grey-color-light: #e8e8e8}@media(prefers-color-scheme: dark){:root{--background-color: #1b1f27;--brand-color: #6699cc;--text-color: #c0c5ce}}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.6 "iA Writer Mono",-apple-system,BlinkMacSystemFont,"Inter","IBM Plex Sans",Segoe UI,Helvetica,Arial,sans-serif;color:var(--text-color);background-color:var(--background-color);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;display:flex;min-height:100vh;flex-direction:column;width:100vw;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:var(--brand-color);text-decoration:none}a:hover{color:var(--text-color);text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:var(--grey-color);border-left:4px solid var(--grey-color-light);padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid var(--grey-color-light);border-radius:3px;background-color:#eef}@media(prefers-color-scheme: dark){pre,code{border:none;background-color:#232830}}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - 30px*2);margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after{content:"";display:table;clear:both}.site-header{min-height:55.95px;position:relative}.root-nav{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width: 600px){.root-nav{flex-direction:column}}.site-title{line-height:57.6px;margin-bottom:0}.site-title,.site-title:visited{color:var(--text-color)}.site-nav{line-height:57.6px}.site-nav .page-link{color:var(--text-color);line-height:1.6;text-transform:lowercase}.site-nav .page-link:not(:last-child){margin-right:20px}.page-content{padding:30px 0;flex:1}.page-heading{font-size:32px}.post-list-heading{font-size:28px}.post-list{margin-left:0;list-style:none}.post-list>li{margin-bottom:30px}.post-meta{font-size:14px;color:var(--grey-color)}.post-link{display:block}.post-header{margin-bottom:30px}.post-title{font-size:32px;letter-spacing:-1px;line-height:1}@media screen and (max-width: 800px){.post-title{font-size:32px}}.post-content{font-family:"iA Writer Quattro",monospace,-apple-system,BlinkMacSystemFont,"Inter","IBM Plex Sans",Segoe UI,Helvetica,Arial,sans-serif;margin-bottom:30px}.post-content h1,.post-content h2,.post-content h3,.post-content h4{margin-top:2rem;margin-bottom:1rem}.post-content h2{font-size:32px}@media screen and (max-width: 800px){.post-content h2{font-size:28px}}.post-content h3{font-size:26px}@media screen and (max-width: 800px){.post-content h3{font-size:22px}}.post-content h4{font-size:20px}@media screen and (max-width: 800px){.post-content h4{font-size:18px}}.post-content video{max-width:100%;padding:1rem 0}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}#home-screen-avatar{cursor:grab}