:root{--mono:minlo,consolas,monospace}@font-face{font-family:minlo;src:url(/fonts/Minlo-Regular.woff2)}@font-face{font-family:minlo;font-weight:bold;src:url(/fonts/Minlo-Bold.woff2)}@font-face{font-family:playtime;src:url(/fonts/playtime.woff2)}html{font-family:tahoma,verdana,sans-serif;color:#222;line-height:1.5;font-size:20px;background-color:#fcfcfc}.mono{font-family:var(--mono);font-weight:bold;font-size:1.1rem}.top-art{white-space:pre;text-align:left;width:19rem;margin:0 auto;line-height:1.1;font-size:1.2rem}p{margin:0 0 1rem 0}ul{padding-left:1.3rem}main{margin:0 auto 3rem;max-width:660px;padding:0 1rem}a{font-weight:normal;text-decoration:none;color:#ca2c61;font-family:playtime,"chalkboard","comic sans ms";font-size-adjust:0.55}a:hover{text-decoration:underline}a:visited{color:#ca2c61}footer{text-align:center;font-size:1rem;margin:4rem 0;position:relative}footer:before{font-size:2rem}header{margin-top:1rem;margin-bottom:1rem;text-align:center;font-size:1.2rem;background-color:#222;border-radius:0.5rem;padding:0.5rem 0}header a{border:0;font-weight:normal;color:#fff !important;margin-right:1rem}header a:hover{text-decoration:none}h1,h2,h3{font-weight:normal;font-size:inherit}h2,h1,header{font-family:playtime,"chalkboard","comic sans ms";font-weight:bold;font-size-adjust:0.5;x-font-family:var(--mono)}h2{border-bottom:solid 6px #222;line-height:1;padding-bottom:0.5rem;position:relative}h2x:after{position:absolute;left:0;top:2.2rem;content:'';background:repeating-linear-gradient(90deg,#000,#000 50px,transparent 0px,transparent 52px);height:3px;width:100%}h1{font-size:2.2rem;margin-top:2rem;margin-bottom:1rem;line-height:1;border-bottom:solid 6px #222;padding-bottom:0.5rem;line-height:1.1}h2,h3{font-size:1.8rem;margin-top:3rem;line-height:1}.doodle{background-image:url('/images/doodles_optimized.png?v=1662922052');background-size:auto 100%;position:absolute;top:-0.3rem;margin-left:0.5rem;display:inline-block;height:2.5rem;width:5rem;overflow:hidden}.doodle0{background-position:0 0}.doodle1{background-position:-100% 0}.doodle2{background-position:-200% 0}.doodle3{background-position:-300% 0}.doodle4{background-position:-400% 0}.doodle5{background-position:-500% 0}.doodle6{background-position:-600% 0}.link-list{color:#ca2c61}.item{margin-bottom:1.5rem}.item-title{font-size:1.2rem;position:relative;x-font-weight:bold;margin-left:1rem}.item-title::before{content:'•';position:absolute;font-weight:normal;xtransform:scale(0.8);left:-1rem;top:-0rem;text-decoration:none !important}.item-desc{line-height:1.4;font-weight:normal;margin-left:1rem}.item-desc:before{}.art{width:100%;display:block}.pic img{max-width:100%;max-height:500px;margin:0.5rem auto;display:block;border-radius:0.25rem}.pic{margin-bottom:5rem}.pic-title{x-font-weight:bold;text-align:center;font-size:1.2rem}.code-art{font-family:var(--mono);font-size:0.8rem;line-height:1.25;font-weight:normal;background-color:#111;color:#eee;display:block;margin:0 auto;width:18rem;margin-bottom:1rem;padding:0;border-radius:0.3rem;letter-spacing:-0.5px}.code-art.wide{width:100%;padding:1.5rem 0rem;border-radius:0.3rem 0.3rem 0 0}.code-art-caption{font-family:var(--mono);font-size:16.5px;line-height:1.25;font-weight:bold;padding:0rem 2rem 2rem;margin-top:-1rem;color:#eee;background-color:#111;border-radius:0 0 0.3rem 0.3rem}pre{background-color:#111;color:#fff;padding:1rem 2rem;font-family:var(--mono)}.blog p{font-family:tahoma,arial,sans-serif}.blog img{max-width:350px;width:100%;display:block;margin:2rem auto;border-radius:8px}.blog h2{margin-top:3rem}.blog h3{margin-top:2rem;margin-bottom:1rem}.blog pre{font-weight:normal;font-size:0.8rem;border-radius:0.5rem}.blog h1{border-bottom:solid 6px #222;padding-bottom:0.5rem;margin-bottom:2rem;line-height:1.1}.blog h1 nobr{font-size:80%}.blog ol{padding-left:2rem}.blog ol li{margin-bottom:0.5rem}@media only screen and (max-width:768px){html{font-size:16px}.top-art{font-size:1.2rem}.code-art{font-size:0.8rem;width:17.6rem}}blockquote{color:#666;border-left:solid 2px #ddd;padding:0rem 4rem 0rem 2rem;margin:1.5rem 0;font-style:italic}@media only screen and (max-width:768px){h1{font-size:3rem}h2{font-size:2rem}}.ticon,.ticonx{display:inline-block;position:relative;height:1em;width:1em;top:0.15em;fill:currentColor}.ticon *{stroke:currentColor;stroke-width:15;fill:none}.ticon .svgfill{stroke:none;fill:currentColor}