:root{--code-bg-colour:#fdf6e3;--code-colour:#657b83;--quote-bg-colour:#f5f5f5;--quote-sidebar-colour:#ccc}html{font-size:62.5%}body{font-size:1.6rem;color:#000}header{border-bottom:0.2rem solid #000}nav{text-align:right}nav a{font-size:1.8rem;font-weight:bold;color:black;text-decoration:none;text-transform:uppercase}footer{margin-top:3rem;padding:1.2rem 0;border-top:0.2rem solid #000;font-size:1.2rem;color:#555}h1{font-size:2.4rem}h2{font-size:2rem}article .header{font-size:1.4rem;font-style:italic;color:#555}.logo a{font-weight:bold;color:#000;text-decoration:none}@media (max-width:319px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:block;line-height:1.6}}@media (min-width:320px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:inline;margin:0 0.6rem}}@media (min-width:640px){body{width:60rem;margin:0 auto;padding:0}header{margin:0 0 3rem;padding:1.2rem 0}nav{margin:0;text-align:right}nav a{margin:0 0 0 1.2rem;display:inline}footer{text-align:right}.logo{margin:0;text-align:left}.logo a{float:left;font-size:1.8rem}}blockquote{background:var(--quote-bg-colour);font-size:1em;border-left:.7em solid var(--quote-sidebar-colour);margin:1em .5em;padding:.5em 1em;line-height:1.2em}blockquote p{display:inline}pre{background:var(--code-bg-colour);color:var(--code-colour);padding:0.4em 0.8em;margin:1em 0.2em;overflow-x:scroll}main a[href^="http"]::after{position:relative;bottom:0.6em;font-size:0.6em;text-decoration:none}main a[href^="http"]:where([href*="wikipedia.org/"])::after{content:"W"}main a[href^="http"]:where([href*="github.com/"])::after{content:"GH"}main a[href^="http"]:where([href*="xkcd.com/"])::after{content:"xkcd"}main a[href^="http"]:where([href$=".pdf"])::after{content:"PDF"}main a[href^="http"]:where([href*="youtube.com/"])::after{content:"YT"}body{counter-reset:sidenote-counter}.sidenote,.marginnote,.marginnote-left{float:right;clear:right;margin-right:-56%;width:49%;margin-top:0.3rem;margin-bottom:0;font-size:0.8em;line-height:1.2;vertical-align:baseline;position:relative;text-align:left;@media (width <= 1120px){margin-right:-40%;width:33%}}.marginnote-left{float:left;clear:left;margin-left:-32%;width:25%;position:relative;text-align:right;@media (width <= 1349px) or ((width>= 1367px) and (width <= 1620px)){margin-left:-33%;width:30%}}.sidenote code{font-size:0.94em}div .marginnote pre,div .sidenote pre{overflow-y:hidden}.sidenote-number{counter-increment:sidenote-counter}.sidenote-number:after,.sidenote:before{position:relative;vertical-align:baseline}.sidenote-number:after{content:counter(sidenote-counter);font-size:0.8rem;top:-0.5rem}.sidenote::before{content:counter(sidenote-counter) " ";font-size:0.8rem;top:-0.4rem;position:absolute;right:calc(100% + 0.5em)}.sidenote p{margin:1em 0;&:first-child{margin-top:0}&:last-child{margin-bottom:0}}input.margin-toggle{display:none}label.sidenote-number{display:inline-block;max-height:2rem}label.margin-toggle:not(.sidenote-number){display:none}.iframe-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}@media (width <= 960px){label.margin-toggle:not(.sidenote-number){display:inline}.sidenote,.marginnote,.marginnote-left{display:none}.sidenote-number:after{color:var(--fg-link);text-decoration:none}.margin-toggle:checked+.sidenote,.margin-toggle:checked+.marginnote,.margin-toggle:checked+.marginnote-left{display:block;float:left;left:1rem;clear:both;width:95%;margin:1rem 2.5%;vertical-align:baseline;position:relative;text-align:left}label{cursor:pointer}}figure{padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;max-width:none;-webkit-margin-start:0;-webkit-margin-end:0;margin:1em -56% 1em 0;@media (width <= 1120px){margin-right:-40%}@media (width <= 960px){margin-right:0;max-width:100%}}