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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}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}:root{--yellow-0:#fce94f;--yellow-1:#edd400;--yellow-2:#c4a000;--orange-0:#fcaf3e;--orange-1:#f57900;--orange-2:#ce5c00;--brown-0:#e9b96e;--brown-1:#c19d11;--brown-2:#8f5902;--green-0:#8ae234;--green-1:#73d216;--green-2:#4e9a06;--blue-0:#729fcf;--blue-1:#3465a4;--blue-2:#204a87;--violet-0:#ad7fa8;--violet-1:#75507b;--violet-2:#5c3566;--red-0:#ef2929;--red-1:#cc0000;--red-2:#a40000;--gray-0:#eeeeec;--gray-1:#d3d7cf;--gray-2:#babdb6;--grey-0:var(--gray-0);--grey-1:var(--gray-1);--grey-2:var(--gray-2);--black-0:#888a85;--black-1:#555753;--black-2:#2e3436;--yellow:var(--yellow-2);--orange:var(--orange-2);--brown:var(--brown-2);--green:var(--green-2);--blue:var(--blue-2);--violet:var(--violet-2);--red:var(--red-2);--gray:var(--gray-2);--grey:var(--grey-2);--black:var(--black-2);--white:var(--grey-0);--pure-white:#fff;--pure-black:#000;--menu-bar-bg:#464f57}:root{--ratio:1.5;--s-5:calc(var(--s-4) / var(--ratio));--s-4:calc(var(--s-3) / var(--ratio));--s-3:calc(var(--s-2) / var(--ratio));--s-2:calc(var(--s-1) / var(--ratio));--s-1:calc(var(--s0) / var(--ratio));--s0:0.3rem;--sx:0.0rem;--s1:calc(var(--s0) * var(--ratio));--s2:calc(var(--s1) * var(--ratio));--s3:calc(var(--s2) * var(--ratio));--s4:calc(var(--s3) * var(--ratio));--s5:calc(var(--s4) * var(--ratio));--measure:60ch}.measure{max-width:var(--measure)}.no-measure{max-width:unset}.apply-measure{width:var(--measure)}.h{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space,1rem);align-items:center}.h.--nowrap{flex-wrap:nowrap}.h.--justify{justify-content:space-between}.h.--top{align-items:flex-start}.h.--left{justify-content:flex-start}.h.--right{justify-content:flex-end}.h.--stretch{align-items:stretch}.v{display:flex;flex-direction:column;gap:var(--space,1rem);align-items:flex-start}.v>div{align-self:stretch}.v.--smaller>*+*{gap:var(--space,.5rem)}.box{padding:var(--space,var(--s0))}.box{background:#fff;border-radius:var(--s-1)}.h>label{width:20ch}.cluster>label{width:20ch}.justify-content\:flex-start{justify-content:flex-start}.justify-content\:flex-end{justify-content:flex-end}.align-content\:flex-end{align-content:flex-end}.--invisible{display:none}.--grow,.may-grow{flex-grow:1}.v.--s-5{gap:var(--s-5)}.v.--s-4{gap:var(--s-4)}.v.--s-3{gap:var(--s-3)}.v.--s-2{gap:var(--s-2)}.v.--s-1{gap:var(--s-1)}.v.--s0{gap:var(--s0)}.v.--sx{gap:var(--sx)}.v.--s5{gap:var(--s5)}.v.--s4{gap:var(--s4)}.v.--s3{gap:var(--s3)}.v.--s2{gap:var(--s2)}.v.--s1{gap:var(--s1)}.h.--s-5{gap:var(--s-5)}.h.--s-4{gap:var(--s-4)}.h.--s-3{gap:var(--s-3)}.h.--s-2{gap:var(--s-2)}.h.--s-1{gap:var(--s-1)}.h.--s0{gap:var(--s0)}.h.--sx{gap:var(--sx)}.h.--s5{gap:var(--s5)}.h.--s4{gap:var(--s4)}.h.--s3{gap:var(--s3)}.h.--s2{gap:var(--s2)}.h.--s1{gap:var(--s1)}.h>.--stretch,.v>.--stretch,.--align-self\:stretch{align-self:stretch}.--no-user-select{user-select:none}*{box-sizing:border-box}body{font-family:sans-serif;line-height:1.5;background-color:#f7f7f7}a{color:var(--blue);text-decoration-line:underline;text-decoration-color:#204a8780}a:hover{color:var(--red-1);text-decoration-line:underline;text-decoration-color:#a4000080}em{font-style:italic}strong{font-weight:700}img{max-width:100%;min-width:0;width:auto;height:auto}article{font-size:1.25rem}aside{font-size:1rem}h1 a{text-decoration:underline;text-decoration-color:rgba(0,0,0,.3);color:var(--black-1)}h1 a:hover{color:var(--black)}h1{font-size:3rem;font-weight:700}h2.post-subtitle{font-size:2rem;color:rgba(0,0,0,.3);margin-bottom:.5rem}h2{font-size:1.5rem;line-height:2rem;font-weight:600}h3{font-weight:700}article p+h2{margin-top:var(--s3)}article h2+p{margin-top:calc( -1 * var(--s2))}article h3+p{margin-top:calc( -1 * var(--s2))}.clearfix::after{display:block;content:"";clear:both}footer{text-align:center;margin-top:3rem;padding-bottom:1rem}footer img{margin-bottom:1rem}.site-footer--powered-by a,.site-footer--powered-by{margin-top:1em;color:var(--black-0)}img[src$='#center']{display:block;margin:.7rem auto}.meta{color:#777}.article-categories{display:inline-block;margin-left:16px}a.article-categories--link{color:#777;text-decoration:none}figure{background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1)}figure img{display:block;margin:0 auto}figcaption{padding:.5rem}figcaption,figcaption>h4{color:#666;font-size:1rem;text-align:center}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:#999}nav,.--content-size{order:50}nav a{text-decoration:none}.inktober-box-2019 a{background:url(/images/inktober-2019-th.jpg)no-repeat}.inktober-box-2020 a{background:url(/images/inktober-2020-th.jpg)no-repeat}.inktober-box{order:50;background:0 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;margin-top:32px;margin-bottom:32px;gap:6px}.inktober-box span{font-size:1rem;padding-left:4px;padding-right:4px;color:#666;background:rgba(255,255,255,.8);font-weight:700}.inktober-box a,.inktober-box div{aspect-ratio:1/1;text-decoration:none;opacity:.8}.inktober-box a{border:1px solid transparent}.inktober-box a:hover{border:1px solid #999;opacity:1}.article-frontpage figure.x2 img{height:auto;max-height:768px}.article-single figure.x2 img{width:auto;height:auto}.is-draft{font-size:12px;font-weight:700;text-transform:uppercase;margin:0 .5em}.comment-notice{margin:0 0 20px;display:block;padding:8px;background:#fff;text-align:center;box-shadow:0 0 6px rgba(0,0,0,.1)}.article-list article::after{content:"× × ×";display:block;text-align:center;padding:24px 0;color:#999}article h3{margin-top:24px;margin-bottom:8px}.section ul{list-style:none;margin-left:0;padding-left:0}.section li{padding-bottom:.6rem;padding-left:2rem}.section li:before{content:"•";display:inline-block;width:1rem;margin-left:-1rem}hr{border-top:1px dashed #ccc}iframe{border:1px solid #fff;border-radius:3px}header{background-color:#fff;margin-bottom:2rem;padding-top:1rem;padding-bottom:.5rem;border-bottom:1px solid #ddd}header,main{padding-left:20px;padding-right:20px}nav.pagination{margin-top:32px;display:flex;flex-direction:row;flex-wrap:wrap}nav.pagination .--left,nav.pagination .--right{padding-left:32px;padding-right:32px}nav.pagination .--selected{background:var(--blue-0)}nav.pagination .--disabled{color:var(--black-0)}nav.article-nav{margin-top:32px;width:calc(100% - 30ch);min-height:3em;display:grid;grid-template-columns:1fr 1fr}nav.article-nav .not-button,nav.article-nav .button{font-size:80%;padding:0 32px;text-decoration:none;height:100%}nav.article-nav .not-button{color:#ddd}.--content-size{max-width:calc(min(100%,1500px));align-self:flex-start;margin-left:auto;margin-right:auto}main.v{gap:3rem}article{flex-wrap:nowrap}article>h1+time{margin-top:var(--s0)}article>h1+div,article>time+div{margin-top:var(--s3)}article>time{color:#777;font-size:80%}.main{flex:1 0 calc(min(100vw,100%) - 35ch);min-width:30ch;order:10}aside{font-size:1rem;padding:16px;background-color:#ededed;flex:0 1 35ch;margin-top:-8px;order:20}aside.--full{padding:0}aside.--empty{background:0 0}aside h2{font-size:18px}time{display:block;color:#666}dl.links dt a::before{content:"";display:inline-block;width:1em;height:1em;vertical-align:baseline;margin-bottom:-2px;margin-right:.5ch;background-size:1em 1em;background-image:url(/images/link.svg);background-repeat:no-repeat}dl.links dt{margin-left:-4px}dl.links dd{color:#666;margin-left:1em}dl.links dd+dt{margin-top:var(--s2)}.not-button{display:inline-flex;gap:.5ch;align-items:center;justify-content:center;border-radius:3px;outline:none;text-decoration:none;user-select:none;white-space:nowrap;min-height:32px;line-height:32px;padding:0 12px;box-shadow:0 1px 1px rgba(51,62,72,.15);color:#444;background:repeating-linear-gradient(-50deg,#f4f4f4,#f4f4f4 40px,var(--pure-white) 40px,var(--pure-white) 80px)}.button{display:inline-flex;gap:.5ch;align-items:center;justify-content:center;border-radius:3px;cursor:pointer;outline:none;text-decoration:none;user-select:none;min-height:32px;line-height:32px;padding:0 12px;background:#fff;border-color:#d6d8da;box-shadow:0 1px 1px rgba(51,62,72,.15);color:#444}.button:hover{opacity:.5;x-background-color:#fcfcfc;color:inherit}ol{list-style-type:decimal;margin-left:5ch}article .main ul{list-style-type:disc;margin-left:2ch}article .main li+li{margin-top:var(--s3)}@media(max-width:512px){:root{font-size:12px}ol,ul{margin-left:3ch}}@media(max-width:1024px){:root{font-size:14px}.--hide-small{display:none}ol,ul{margin-left:3ch}aside.--empty{display:none}.main{max-width:unset}nav.pagination{align-self:stretch;flex-wrap:nowrap}nav.pagination .--disabled{display:none}nav.pagination .--left,nav.pagination .--right{flex:1 1 8ch;padding-left:8px;padding-right:8px}nav.pagination .--page{flex:1 1 4ch;padding-left:4px;padding-right:4px}}@media(max-width:680px){aside{display:none !important;margin-top:0;order:1}nav.article-nav{width:auto}nav.article-nav a{flex:0 0 50%;line-height:1.4}}.button.--left{justify-content:flex-start}.button.--right{justify-content:flex-end}.--incomplete,.inktober-missed{color:var(--black-0)}.button.article-older::before{content:"←";display:inline-block;margin-right:2ch;margin-left:-1ch}.button.article-newer::after{content:"→";display:inline-block;margin-left:2ch;margin-right:-1ch}article pre{font-family:iosevka type,monospace;font-size:90%;padding:16px 0 16px 24px;border-left:4px solid #ddd;margin-top:16px;margin-bottom:16px;max-width:100%;overflow-x:auto}em,i{font-style:italic;color:#555}ul.links.--inktober>li>span{color:var(--black-0)}article pre.code{font-family:fira code,iosevka term,monospace;color:#555;padding-right:2rem;background:rgba(0,0,0,5%)}code{font-family:fira code,iosevka term,monospace;padding:0 .5ch;color:#555;background:rgba(0,0,0,5%);font-size:90%}.link-box{position:relative;z-index:0}.link-box a::before{position:absolute;content:'';inset:0;z-index:-1}.link-box div,.link-box img{pointer-events:none}.link-box:has(a:hover){background-color:#fff}comentario-comments{width:100%}@media(min-width:512px){figure.not-that-important{width:70%;margin:0 auto}}