html{height:100%}h1{line-height:2.2rem}body{font-family:monospace;font-size:1.2rem;line-height:1.4rem;margin:0;min-height:100%}@media (prefers-color-scheme: dark){body{filter:invert(1)}body img,body video,body a{filter:invert(1)}}body[darkmode]{filter:invert(1)}body[darkmode] img,body[darkmode] video,body[darkmode] a{filter:invert(1)}html,body{background:#ECECE7}a{color:#04c1e8;transition:color .3s ease}a:hover{color:#E56399}header{padding:2rem 0;margin:0 auto;max-width:800px;width:95%}header img{border-radius:15%}header video{border-radius:15%}main{padding:2rem 0;margin:0 auto;max-width:675px;width:95%}hr{text-align:center;border:0}hr:before{content:""}hr:after{content:"~"}hr[text]:after{content:" " attr(text) " "}blockquote{color:rgba(0,0,0,0.7);border-left:2px solid rgba(0,0,0,0.7);padding:0 1rem;margin:2rem 0}.footer-social-media a:after{content:" · ";display:inline-block;margin-left:10px;color:black}.footer-social-media a:last-child:after{display:none}.chips span{background:black;padding:3px 10px;border-radius:1.4rem;color:white}.chips span.tag{background-color:rgba(0,128,0,0.8)}.chips span.lang{cursor:pointer;background-color:rgba(255,0,0,0.8)}.chips.chips-inline{display:inline-block}.chips.chips-inline span{padding:1px 8px}article{cursor:pointer;position:relative}article h3{text-decoration:underline;text-decoration-color:#ECECE7;text-decoration-thickness:3px;transition:text-decoration-color .3s ease}article:hover h3{text-decoration-color:#E56399}article time{position:absolute;top:2px;right:0;color:rgba(0,0,0,0.7)}article .chips span.lang{cursor:default}main.article-content{position:relative}main.article-content p{text-align:justify}main.article-content img{display:block;max-width:90%;margin:1rem auto;max-height:80vh}main.article-content img+em{color:rgba(0,0,0,0.7);text-align:center;display:block}main.article-content code{background:black;color:white;padding:1px 8px}main.article-content pre{background:black !important;color:white;padding:1rem;overflow-x:auto;overflow-y:visible}main.article-content .footnote-definition{padding:0 1rem}main.article-content .footnote-definition:target{background:yellow;color:black}main.article-content .footnote-definition p{display:inline-block}footer{padding:1rem 0;margin:0 auto;max-width:540px;text-align:center}