@import"https://use.typekit.net/cbu5jnh.css";@import"https://use.typekit.net/iub8ckc.css";@import"https://use.typekit.net/eha1zpq.css";@import"https://use.typekit.net/dzy3ude.css";@import"https://use.typekit.net/ngd8wqc.css";@import"https://use.typekit.net/gxy5uln.css";@import"https://use.typekit.net/fer3fqd.css";@import"https://use.typekit.net/agb5pxe.css";@import"https://use.typekit.net/slf2qlk.css";@import"https://use.typekit.net/ssq0aav.css";@import"https://use.typekit.net/mzd4uqo.css";@import"https://use.typekit.net/img1djo.css";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&display=swap";@import"https://fonts.cdnfonts.com/css/cooper-hewitt";@import"https://use.typekit.net/jxt2fnp.css";@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap";@import"https://use.typekit.net/coq1ltf.css";@import"https://use.typekit.net/inf2onu.css";@import"https://use.typekit.net/uwd7war.css";@import"https://use.typekit.net/fzd8gzg.css";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.cdnfonts.com/css/monaco";@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap";@import"https://fonts.cdnfonts.com/css/bryan";@font-face{font-family:Routed Gorton;src:url(https://webonastick.com/fonts/routed-gothic/dist/ttf/routed-gothic.ttf) format("truetype")}@font-face{font-family:National Park;src:url(https://files.cargocollective.com/c1415345/NationalPark-VariableVF.ttf) format("truetype")}@media all{html{font-size:12pt}}@media all and (max-width: 1100px){html{font-size:15px}}html,body{font-family:neue-frutiger-world,sans-serif;font-weight:300;color:#333;background-color:#f6f5f4;margin:10px}header{width:25vw;max-width:25vw;height:calc(100vh - 30px);position:fixed;padding:0}@media all and (max-width: 1100px){header{position:fixed;height:auto;top:0;width:100vw;max-width:100vw;background-color:#f6f5f4;margin-left:-20px;border-bottom:2px solid #333333;padding-top:10px}}a.page-title{text-decoration:none;color:#333;word-spacing:100vw}a.page-title h1.site-header{font-family:railroad-gothic-atf,sans-serif;font-weight:700;line-height:.8;font-size:3rem;padding-left:20px;margin-top:10px}a.page-title:hover{color:#555;font-style:italic}@media all and (max-width: 1100px){a.page-title{padding-top:15px;word-spacing:normal}a.page-title h1.site-header{margin-left:20px;font-size:2rem;width:60vw;padding-left:0}}nav{font-size:1.75rem;font-weight:900;line-height:1.2;display:block;position:absolute;bottom:0;padding:20px;width:100%}nav a{font-family:franklin-gothic-urw,sans-serif;display:block;color:#333;text-decoration:none}nav a:hover{font-family:futura-pt,sans-serif;font-style:italic;color:#f27979;transition:.7s ease-in-out}nav a label{cursor:pointer}#menu-toggle input{display:none}#menu{list-style-type:none;padding-left:0;margin:0}@media all and (max-width: 1100px){#menu-toggle{display:block;position:fixed;top:30px;right:30px;z-index:1;-webkit-user-select:none;user-select:none}}@media all and (max-width: 1100px) and (min-width: 700px){#menu-toggle{top:20px}}@media all and (max-width: 1100px){#menu-toggle a{text-decoration:none;color:#333;transition:color .3s ease}#menu-toggle a:hover{color:#000}#menu-toggle input{display:block;width:50px;height:50px;position:absolute;top:-7px;right:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menu-toggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#333}#menu-toggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2)}#menu-toggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}#menu-toggle input:checked~ul{transform:none}#menu-toggle span{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#333;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}#menu-toggle span:first-child{transform-origin:0% 0%}#menu-toggle span:nth-last-child(2){transform-origin:0% 100%}#menu{position:absolute;max-width:500px;width:100vw;max-height:100vh;right:0;margin:-100px -100px 0 100vw;padding:125px 50px 50px;box-sizing:border-box;overflow:auto;background:#ececec;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transform:translate(100%);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu li{padding:10px 0}#menu li label{cursor:pointer}}main{margin-left:calc(25vw + 50px);margin-right:50px;padding:10px 20px}@media all and (max-width: 1100px){main{margin:70px 0;padding:20px 0;max-width:100vw}}code{font-family:source-code-pro,monospace}#container h1,#container h2,#container h3,#container h4,#container h5,#container h6{font-family:franklin-gothic-urw,sans-serif;max-width:500px;hyphens:auto;line-height:1}#container h2,#container h3{font-weight:800}#container h1{font-size:350%;font-weight:900}#container h1.page-title{text-decoration:none}@media all and (max-width: 1100px){#container h1{font-size:300%}#container h1.page-title{margin-top:0}}#container h2{font-size:220%}#container h3{font-size:160%;font-style:italic}#container h4,#container h5,#container h6{font-weight:500}#container h4{font-style:italic}#container h5{font-weight:300}#container h6{font-style:italic}#container p,#container ul{max-width:500px;hyphens:auto;line-height:1.6}#container p code,#container ul code{font-size:95%;vertical-align:bottom}#container a{color:#777;text-decoration:none;padding:0 2px;margin:0 -2px}#container a:hover{background-color:#cabcc0;color:#333;border-radius:3px;text-decoration:dashed;transition:.4s}#container figure img,#container img{max-width:100%;width:100%;height:100%}#container figure{margin-left:0;padding-bottom:1rem}#container figure.portrait-fig{width:50%;margin-top:2em}#container figure.landscape-fig{width:60%;margin-top:2em}#container figure img{margin-bottom:0}#container figure figcaption{font-size:.9rem;font-style:italic;color:#777;max-width:80%;float:right;margin-top:-.5rem}@media all and (max-width: 1100px){#container figure.landscape-fig{width:100%;margin:2em auto}#container figure.portrait-fig{width:80%;margin:2em auto}#container figure figcaption{max-width:100%}}#container ul{counter-increment:item;list-style:none;margin:0}#container ul li:before{display:block;margin-left:-1.5em;float:left;content:">"}blockquote.font-example{width:fit-content;max-width:50%;hyphens:auto}blockquote.font-example .font-example-text{font-size:1.6rem;line-height:1.1}blockquote.font-example .font-example-text .font-example-name{font-family:neue-frutiger-world,sans-serif;font-size:.9rem;font-weight:initial;font-style:italic;color:#777;text-align:right}blockquote.font-example .font-example-text,blockquote.font-example .font-example-name{display:block}@media all and (max-width: 1100px){blockquote.font-example{max-width:100%;margin-left:20px}blockquote.font-example .font-example-text{font-size:1.4rem}blockquote.font-example .font-example-text .font-example-name{font-size:.8rem}}.color-palette{font-family:source-code-pro,monospace;text-align:center;width:500px;max-width:100%;margin:5px 0}.color-palette .color-bubble{display:inline-flex;width:60px;height:60px;border-radius:50%;font-size:.8rem;align-items:center;justify-content:center}.color-palette .color-bubble:not(:first-child){margin-left:5px}.color-palette .color-text{color:#fff;mix-blend-mode:hard-light}@media all and (max-width: 1100px){.color-palette{margin:0}.color-palette .color-bubble{width:50px;height:50px;font-size:.7rem}}.inline-color{display:inline-block;height:.75em;width:.75em;margin:0 1px}.inline-hex{font-family:source-code-pro,monospace;font-size:80%;color:#777;font-style:italic;line-height:175%;vertical-align:bottom}.slides-container{overflow:hidden;max-height:480px;padding:2em 0}.slides-container iframe.external-slides{position:relative;z-index:1;border:20px solid #333333;border-radius:15px;transform-origin:0;-webkit-transform-origin-y:0;-ms-transform-origin-y:0;-moz-transform-origin-y:0}.home{position:fixed;bottom:0}.home figure{width:60%;margin-bottom:20px}@media all and (max-width: 1100px){.home{position:initial}.home figure{width:100%}}.wip,.page-not-found{display:flex;align-items:center;justify-content:center;font-family:source-code-pro,monospace;font-weight:700;min-height:5em;max-width:500px;border:3px dashed #333333;border-radius:20px}.wip span,.page-not-found span{padding-bottom:.25em}.wheel{width:250px;height:250px;margin-left:13.5%;border-radius:50%;background:radial-gradient(circle at 100% 50%,hsl(0,100%,50%) 0,transparent 45%),radial-gradient(circle at 96.19397665% 69.1341716%,hsl(22.5,100%,50%) 0,transparent 45%),radial-gradient(circle at 85.35533905% 85.35533905%,hsl(45,100%,50%) 0,transparent 45%),radial-gradient(circle at 69.1341716% 96.19397665%,hsl(67.5,100%,50%) 0,transparent 45%),radial-gradient(circle at 50% 100%,hsl(90,100%,50%) 0,transparent 45%),radial-gradient(circle at 30.8658284% 96.19397665%,hsl(112.5,100%,50%) 0,transparent 45%),radial-gradient(circle at 14.64466095% 85.35533905%,hsl(135,100%,50%) 0,transparent 45%),radial-gradient(circle at 3.80602335% 69.1341716%,hsl(157.5,100%,50%) 0,transparent 45%),radial-gradient(circle at 0% 50%,hsl(180,100%,50%) 0,transparent 45%),radial-gradient(circle at 3.80602335% 30.8658284%,hsl(202.5,100%,50%) 0,transparent 45%),radial-gradient(circle at 14.64466095% 14.64466095%,hsl(225,100%,50%) 0,transparent 45%),radial-gradient(circle at 30.8658284% 3.80602335%,hsl(247.5,100%,50%) 0,transparent 45%),radial-gradient(circle at 50% 0%,hsl(270,100%,50%) 0,transparent 45%),radial-gradient(circle at 69.1341716% 3.80602335%,hsl(292.5,100%,50%) 0,transparent 45%),radial-gradient(circle at 85.35533905% 14.64466095%,hsl(315,100%,50%) 0,transparent 45%),radial-gradient(circle at 96.19397665% 30.8658284%,hsl(337.5,100%,50%) 0,transparent 45%);background-blend-mode:hard-light}@media all and (max-width: 1100px){.wheel{margin:auto}}