body{color:#222;font-family:sans-serif;line-height:1.5;margin:1rem;background-color:#282c34;color:#fff}h1{color:#4faeef}header h1{color:}h2,h2 a{color:#98be64}h3{color:#c678dd}header{border-bottom:1px solid #222;margin-bottom:1rem}footer{border-top:1px solid #222;margin-top:1rem}a{color:#50afef;text-decoration:none}img{height:auto;max-width:100%}nav li{list-style:none;padding-left:1em}nav li:nth-of-type(1){padding-left:0}nav ul{display:flex;flex-direction:row}ul.tags li{list-style:none;margin:.25em}ul.tags li::before{content:"#";color:#98be64}ul.tags{display:flex;flex-direction:row}main{display:flex;flex-direction:column}pre .highlight{background-color:#ffc;width:max-content}:not(pre)>code{font-family:monospace}:not(div.highlight) pre:not(:has(code>span)):has(code),div.highlight{margin:1em 0;--parent-padding-size:0.25rem;--child-padding-size:0.25rem;padding:var(--parent-padding-size);font-size:.9rem;& > * { display: block; overflow-x: auto; font-family: monospace; padding: var(--child-padding-size); margin: 0; table pre { margin: 0; } }}