:root{color-scheme:only dark;--theme-background:#000000;--theme-text:#FFFFFF;--theme-divider:#222222;--theme-text-subtitle:#888888;--theme-text-code:#999999;--theme-text-header:#999999;--theme-text-footer:#666666;--theme-text-quote:#CCCCCC;} html{height:100%;position:relative;}body{color:var(--theme-text);background:var(--theme-background);margin:0;padding:0;line-height:1.6;letter-spacing:0.8px;font-size:1em;font-family:sans-serif;text-rendering:optimizeLegibility;min-height:100%;display:flex;flex-direction:column;} body > header{margin:1.25em auto 0em auto;width:50em;max-width:95%;}body > header > div{float:left;}body > header > div svg{width:2.5em;height:2.5em;fill:none;stroke:var(--theme-text);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;transition:transform 250ms;}body > header > div svg:hover{transform:rotate(45deg);transition:transform 250ms;}body > header > nav{float:right;}body > header ::selection{background:var(--theme-background);}body > header > nav ul{list-style-type:none;padding:0;margin:1px;}body > header > nav li{display:inline-block;}body > header > nav a{color:var(--theme-text-header);position:relative;padding:2px;margin-left:1em;}body > header > nav a:hover{color:var(--theme-text);transition:all 250ms;}body > header > nav a:after{content:"";height:0.065em;color:var(--theme-text);background:var(--theme-text);position:absolute;bottom:-0.2em;left:0em;right:0em;opacity:0;transform:scale(0, 1);transition:all 200ms;}body > header > nav a:hover:after{opacity:1;transform:scale(1,1);} body > main a, body > footer a{color:var(--theme-text);text-decoration:underline;text-decoration-style:solid;}body > main a[target*="_blank"]{text-decoration-style:dotted;}body > main a[target*="_blank"]:before{content:"[";}body > main a[target*="_blank"]:after{content:"]";}body > main a:hover, body > footer a:hover{color:var(--theme-background);background:var(--theme-text);text-decoration:none;}body > main ::selection, body > footer ::selection{color:var(--theme-background);background:var(--theme-text);} body > main{max-width:50em;text-align:center;margin:0 auto;flex-grow:1;display:flex;flex-direction:column;}body > main > a > .category{width:19em;height:19em;}body > main > a > .project{width:20em;height:14em;}body > main > a > .project p{font-family:serif;font-style:italic;}body > main > h2{color:var(--theme-text);text-align:center;padding:0;margin:1em;}body > main > a > .article{width:30em;max-width:90%;height:8em;}body > main > article > section p{hyphens:auto;} body > footer{color:var(--theme-text-footer);text-align:center;width:100%;} body > main > article{padding:0.5em;text-align:left;}body > main > article > section > h1 > a, body > main > article > section > h2 > a, body > main > article > section > h3 > a, body > main > article > section > h4 > a, body > main > article > section > h5 > a, body > main > article > section > h6 > a{text-decoration:none;}body > main > article a.link-media:hover{background:var(--theme-background);}body > main > article a.link-media > svg{fill:var(--theme-text-footer);}body > main > article a.link-media > svg:hover{fill:var(--theme-text);}body > main > article > header > p{color:var(--theme-text);}body > main > article mark{background:#BBBBBB;color:#000000;}body > main > article hr{color:var(--theme-border);}body > main > article ol, body > main > article ul{padding-left:2em;}body > main > article ul.checklist{list-style-type:none;padding-left:0.6em;}body > main > article ul.checklist input{width:1.1em;}body > main > article.tile, body > main > a:last-child > .tile{margin-bottom:3em;}body > main > article > header > h1{font-size:2em;letter-spacing:0.05em;margin-bottom:0.25em;color:var(--theme-text-article-title);}body > main > article > header{text-align:center;margin-bottom:2em;}body > main > article > section h2, body > main > article > section h3, body > main > article > section h4, body > main > article > section h5, body > main > article > section h6{padding-left:0;}body > main > article h2{font-size:1.5em;}body > main > article pre{border:2px solid var(--theme-divider);padding:1rem;}body > main > article code{color:var(--theme-text);font-family:monospace, monospace;font-size:0.85em;letter-spacing:0.1rem;white-space:nowrap;padding:0.1rem 0.5rem;margin:0rem 0.2rem;}body > main > article pre > code{background:none;font-family:monospace, monospace;white-space:pre-wrap;word-wrap:break-word;border:none;line-height:1em;padding:0;margin:0;}body > main > article blockquote{margin-left:1em;padding-left:1em;border-left:1px solid var(--theme-text-quote);color:var(--theme-text-quote);}body > main > article figure{text-align:center;margin:0;}body > main > article figure > img{max-width:100%;}body > main > article figure > figcaption{text-align:center;font-style:italic;font-size:0.9em;color:var(--theme-text);}body > main > article svg{width:3.5em;height:3.5em;stroke:none;fill:var(--theme-text-header);}body > main > article > footer{font-family:monospace, monospace;color:var(--theme-text-footer);font-size:0.85em;margin:2rem 0rem 0rem 0rem;}body > main > article > footer svg{width:1.25em;height:1.25em;}body > main > article > footer .separator{display:flex;align-items:center;text-align:center;}body > main > article > footer .separator::before, body > main > article > footer .separator::after{content:'';flex:1;border-bottom:1px solid var(--theme-text-footer);}body > main > article > footer .separator:not(:empty)::before{margin-right:1em;}body > main > article > footer .separator:not(:empty)::after{margin-left:1em;}body > main > article > footer .footnote{}body > main > article > footer .tag{list-style:none;padding:0;}body > main > article > footer .tag > li{display:inline-block;} body > main > article > footer > nav{width:100%;height:2em;}body > main > article > footer > nav > p{margin:0;}body > main > article > footer > nav .previous{float:left;}body > main > article > footer > nav .next{float:right;}  body > main > .document h3, body > main > .document p{padding-left:2rem;}body > main > .document pre{margin-left:2rem;}body > main > .document h4, body > main > .document h5, body > main > .document h6, body > main > .document ul, body > main > .document ol{padding-left:4rem;} @media screen and (max-width:30em){body > header > div, body > header > nav{float:none;text-align:center;}body > header > div svg{height:2em;}body > header > nav a{margin-left:0.5em;font-size:0.85em;}body > main > .document p, body > main > .document h2, body > main > .document h3, body > main > .document h4, body > main > .document h5, body > main > .document h6{padding:0em 2rem !important;}body > main > .document ul, body > main > .document ul{padding:0em 3em !important;}}