:root{--nav-colour:hsla(354, 66%, 53%, 1);--link-colour:hsl(354, 66%, 53%);--bg-colour:hsla(30, 100%, 99%, 1);--code-colour:hsla(327, 24%, 35%, 1);--code-bg-colour:white;--text-colour:hsla(280, 12%, 20%, 1);--header-colour:hsla(280, 12%, 20%, 1);--font-size:2.2rem;--line-height-multiplier:1.5;--title-font:Arial Black;--body-font:Helvetica;--code-font:Fira Code,Monaco,Consolas,monospace}html{font-size:62.5%}body{font-family:var(--body-font);overflow-y:scroll;background-color:var(--bg-colour);color:var(--text-colour);margin:0}p,time,li,pre{font-size:var(--font-size);line-height:calc(var(--font-size) * var(--line-height-multiplier))}main li{margin:1rem 0}h1,h2,h3,h4,h5,nav{font-family:var(--title-font)}h1,h2{line-height:calc(2 * var(--font-size) * var(--line-height-multiplier));margin-top:calc(1 * var(--font-size) * var(--line-height-multiplier));margin-bottom:calc(1 * var(--font-size) * var(--line-height-multiplier))}h2{line-height:calc(1.5 * var(--font-size) * var(--line-height-multiplier))}main h1{font-size:calc(2.7 * var(--font-size))}h2{font-size:calc(1.8 * var(--font-size))}h3{font-size:calc(1.5 * var(--font-size))}h4{font-size:var(--font-size)}code,pre{color:var(--code-colour);background-color:var(--code-bg-colour);padding:.2rem;font-family:var(--code-font)}pre code{width:100%;font-size:2rem;display:block;padding:1rem}nav a,nav a:visited,nav li{color:var(--nav-colour)}a:visited,a{color:var(--link-colour);text-decoration:none}a:hover{text-decoration:underline}h1,article h1,article h2{text-align:center;color:var(--header-colour)}header h1 a,header h1 a:visited{color:var(--header-colour)}nav h1,nav li{font-size:2.3rem;line-height:var(--font-size)}nav h1{text-align:left;display:inline-block;width:35%;margin:0;text-transform:uppercase}nav h1 a,nav h1 a:visited{color:var(--text-colour)}nav details>summary{list-style:none}nav details>summary::marker,details>summary::-webkit-details-marker{display:none}#style-select{min-width:100%;cursor:pointer;padding:15px 0;position:absolute;transition:.5s padding,.5s background;z-index:100;background-color:var(--bg-colour);box-shadow:0 5px 5px -6px var(--text-colour);margin-top:.2em}#style-select li{width:100%;display:block;padding:.5em;margin:0;border:0}h1,article h1,article h2{text-align:center;color:var(--header-colour)}i{font-size:calc(.8 * var(--font-size))}time{color:var(--code-colour)}section ul{margin:0}section li,ol li{line-height:1.5em;padding-left:0;list-style-position:outside}nav ul{padding:0;margin:0;display:inline;max-width:65%}nav li{display:inline-block;border-right:2px solid var(--text-colour);padding:0 .5em}nav li a{text-decoration:none}nav li:last-child{border-right:0}nav{position:sticky;top:0;background-color:var(--bg-colour);padding:1.4em 0 1em;box-shadow:0 5px 5px -6px var(--text-colour)}nav ul li{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:30%;padding-bottom:.2em}nav div,main{max-width:750px;margin:0 auto}nav div{display:flex;justify-content:space-between}footer ul{margin:5rem 0 0;padding:0;display:flex;justify-content:center}footer li{display:inline-block;padding:0 1rem}main{padding:0 1em 1em}#archive ol li{list-style:none;margin:1.5rem 0;font-size:calc(1.5 * var(--font-size))}#archive ol{padding:0}blockquote{font-style:italic;font-size:3rem;padding:0 1rem 0 2rem;margin:1em 0;border-left:1rem solid var(--code-colour);color:var(--code-colour)}img{margin:0 auto;display:block}@media only screen and (min-width:320px) and (max-width:480px){:root{--font-size:1.4rem;--line-height-multiplier:1.5}nav{padding:.3em}nav div{display:block}nav h1,nav li{font-size:1.9rem}#style-select{left:0}#style-select li{width:390px;max-width:100%}nav h1,nav ul{display:block;width:100%;text-align:center;margin:1.3rem 0}img,video{max-width:100%;object-fit:cover}nav ul{display:flex;justify-content:center;max-width:100%}nav ul li{min-width:48px}code,pre code{white-space:pre-wrap;max-width:100%;word-wrap:break-word}pre code{font-size:1.3em}main li{list-style-position:inside}main li a{font-size:calc(1.2 * var(--font-size))}section ul{padding-left:0}section ul{padding-left:0}section ul ul{padding-left:1em}}@media(prefers-color-scheme:dark){:root{--nav-colour:#A3C7D6;--link-colour:#A3C7D6;--bg-colour:#121212;--code-bg-colour:rgb(31, 33, 43);--code-colour:#A3C7D6;--text-colour:white;--header-colour:#A3C7D6}img{filter:brightness(.8)contrast(1.2)}}@media print{body{column-count:2;background-color:#fff;color:#000}nav,footer{display:none}:root{--font-size:1rem}pre code,code{font-size:1rem}p{break-inside:avoid}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){body{max-width:750px;font-size:15px;padding:1em}}