@import url(https://fonts.googleapis.com/css2?family=Red+Hat+Mono:ital,wght@0,300..700;1,300..700&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
html{font-size:62.5%}body,canvas,div,footer,header,html,img,main,nav,section,span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#fff;font-family:Red Hat Mono,monospace;font-optical-sizing:auto;font-size:1.4rem;font-style:normal;font-weight:400}.loading-screen,.overlay-background,body{background:#08080a}.about{background:#141415}.about,.back-cover,.cover,.loading-screen,.menu,.overlay-background,.sketchpad,.sketchpad-overlay,.slide,.slides{height:100%;left:0;overflow:hidden;top:0;width:100%}.about,.back-cover,.cover,.footer,.header,.loading-screen,.menu,.overlay-background,.sketchpad,.sketchpad-overlay,.slide,.slides{position:fixed}.about,.back-cover,.cover,.footer,.footer-wrapper,.header,.header-wrapper,.hide-overlay,.loading-screen,.menu-container,.sketchpad,.slide{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.back-cover,.cover,.menu{text-align:center}.hidden{visibility:hidden}.about,.menu{height:100%;overflow:auto;pointer-events:none;top:10rem;-ms-overflow-style:none;scrollbar-width:none}.about::-webkit-scrollbar,.menu::-webkit-scrollbar{display:none}.about.enabled,.menu.enabled{pointer-events:all}.loading-screen{opacity:1;pointer-events:none;-webkit-transition:opacity .75s ease;-o-transition:opacity .75s ease;-moz-transition:opacity .75s ease;transition:opacity .75s ease}.loading-screen.complete{opacity:0}.loading-screen.error{display:none}.progress-bar-wrapper{border:.2rem solid hsla(0,0%,100%,.6);padding:.3rem;-webkit-transition:all .4s ease;-o-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.loading-screen.complete .progress-bar-wrapper{-webkit-transform:translateY(-12rem) scaleY(0);-moz-transform:translateY(-12rem) scaleY(0);-ms-transform:translateY(-12rem) scaleY(0);-o-transform:translateY(-12rem) scaleY(0);transform:translateY(-12rem) scaleY(0)}.progress-bar{background:#fff;-webkit-box-shadow:0 0 2rem #fff;-moz-box-shadow:0 0 2rem #fff;box-shadow:0 0 2rem #fff;height:.6rem;max-width:25rem;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:center left;-moz-transform-origin:center left;-ms-transform-origin:center left;-o-transform-origin:center left;transform-origin:center left;width:90vw}.sketchpad-overlay{pointer-events:none}.sketchpad-overlay .lil-gui.root{max-height:100%;pointer-events:auto;position:fixed;right:1rem;top:0;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:auto}.sketchpad-overlay footer{bottom:0;color:#fff;font-size:1.2rem;margin:2rem 0;opacity:.3;position:fixed;text-align:center;width:100%}.overlay-background{opacity:.99;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top}.footer-wrapper,.header-wrapper{width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-sizing:unset;-moz-box-sizing:unset;box-sizing:unset;justify-content:space-between;padding:3.5rem 4.5rem;-webkit-transition:max-width .3s ease;-o-transition:max-width .3s ease;-moz-transition:max-width .3s ease;transition:max-width .3s ease}.slide{opacity:0;-webkit-transform:translateY(100vh);-moz-transform:translateY(100vh);-ms-transform:translateY(100vh);-o-transform:translateY(100vh);transform:translateY(100vh)}.slide-wrapper{-webkit-box-sizing:unset;-moz-box-sizing:unset;box-sizing:unset;max-width:512px;padding:4.5rem}.slide-image{-webkit-box-shadow:0 0 2.5rem #000;-moz-box-shadow:0 0 2.5rem #000;box-shadow:0 0 2.5rem #000;height:512px;margin:0 auto;opacity:0;width:512px}.slide-prompt{font-size:1.6rem;line-height:1.45em;margin-top:2.4rem}.slide-date{display:block;font-style:italic;margin:1.7rem 0 2.2rem;opacity:.45}.about-link,.slide-link{color:#0af;cursor:pointer;margin-right:1rem;text-decoration:none}.about-link:hover,.slide-link:hover{color:#0df;text-shadow:0 0 .7rem rgba(0,200,255,.5)}.cover-title{font-size:8rem;font-weight:600;letter-spacing:.1em;margin-bottom:.2em}.cover-subtitle{font-size:4rem;opacity:.45}.cover-title,.header-title:hover,.hide-overlay:hover,.show-about:hover .show-about-icon{text-shadow:0 0 1.4rem hsla(0,0%,100%,.5)}.back-cover,.cover{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.back-cover{font-size:2.4rem}.header{pointer-events:none;-webkit-transform:translateY(-25vh);-moz-transform:translateY(-25vh);-ms-transform:translateY(-25vh);-o-transform:translateY(-25vh);transform:translateY(-25vh);width:100%}.header-title{cursor:pointer;font-size:3rem;font-weight:600;letter-spacing:.1em;opacity:.7;text-transform:uppercase;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease}.header-title:hover{opacity:1}.header-controls{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.header-controls,.header-title{pointer-events:all}.button{border:.2rem solid #fff;cursor:pointer;display:none;height:3rem;opacity:.6;-webkit-transition:opacity .2s ease;-o-transition:opacity .2s ease;-moz-transition:opacity .2s ease;transition:opacity .2s ease;width:3rem}.button.enabled{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}.button:hover,.button:hover .icon-part{-webkit-box-shadow:0 0 .7rem hsla(0,0%,100%,.5),inset 0 0 .7rem hsla(0,0%,100%,.5);-moz-box-shadow:0 0 .7rem hsla(0,0%,100%,.5),inset 0 0 .7rem hsla(0,0%,100%,.5);box-shadow:0 0 .7rem hsla(0,0%,100%,.5),inset 0 0 .7rem hsla(0,0%,100%,.5);opacity:1}.show-about{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:1rem}.show-about-icon{font-size:2.3rem}.show-menu-icon{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;padding:.2rem}.show-menu-icon-part{border:.2rem solid #fff;height:.9rem;margin:.1rem;width:.9rem}.hide-overlay-icon-part{background-color:#fff;display:block;height:.3rem;width:2.4rem}.hide-overlay-icon-part.part1{-webkit-transform:translateY(.15rem) rotate(45deg);-moz-transform:translateY(.15rem) rotate(45deg);-ms-transform:translateY(.15rem) rotate(45deg);-o-transform:translateY(.15rem) rotate(45deg);transform:translateY(.15rem) rotate(45deg)}.hide-overlay-icon-part.part2{-webkit-transform:translateY(-.15rem) rotate(-45deg);-moz-transform:translateY(-.15rem) rotate(-45deg);-ms-transform:translateY(-.15rem) rotate(-45deg);-o-transform:translateY(-.15rem) rotate(-45deg);transform:translateY(-.15rem) rotate(-45deg)}.about{opacity:0;-webkit-transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}.about.enabled{opacity:1}.about-wrapper{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;color:#bbb;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:1.4rem;line-height:1.5em;max-width:53.5rem;padding:4.5rem 3rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;opacity:0;-webkit-transform:translateY(-8rem);-moz-transform:translateY(-8rem);-ms-transform:translateY(-8rem);-o-transform:translateY(-8rem);transform:translateY(-8rem);-webkit-transition:opacity .5s ease-in,-webkit-transform .5s ease;transition:opacity .5s ease-in,-webkit-transform .5s ease;-o-transition:opacity .5s ease-in,-o-transform .5s ease;-moz-transition:transform .5s ease,opacity .5s ease-in,-moz-transform .5s ease;transition:transform .5s ease,opacity .5s ease-in;transition:transform .5s ease,opacity .5s ease-in,-webkit-transform .5s ease,-moz-transform .5s ease,-o-transform .5s ease}.about.enabled .about-wrapper{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.about-section{margin-bottom:1.2rem;padding:1rem}.about-title{color:#f07;font-size:2rem;font-weight:600;letter-spacing:.1rem;margin-bottom:.8em}.about-caption{color:#777;display:block;font-size:1.2rem;line-height:1.4em}.about-downloads-list li{margin:1.4rem 0}.about-infos-list li{margin:.4rem 0}.about-paragraph{margin-bottom:1.5rem}.about-hotkeys{padding-bottom:.2rem}.about-hotkey{background:#c8c8c8;background:-webkit-gradient(linear,left bottom,left top,from(#c8c8c8),to(#a0a0a0));background:-webkit-linear-gradient(bottom,#c8c8c8,#a0a0a0);background:-moz-linear-gradient(bottom,#c8c8c8 0,#a0a0a0 100%);background:-o-linear-gradient(bottom,#c8c8c8 0,#a0a0a0 100%);background:linear-gradient(0deg,#c8c8c8,#a0a0a0);border:.4rem outset #ccc;-webkit-border-radius:5%;-moz-border-radius:5%;border-radius:5%;color:#000;display:inline-block;font-size:1.2rem;font-weight:600;margin:.4rem 0 .8rem;min-width:6rem;padding:0 .8rem;text-align:center}.about-info{color:#fff}.about-downloads-list li:last-child,.about-infos-list li:last-child,.about-paragraph:last-child{margin-bottom:0}.menu-items{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center}.menu-item{border:0;cursor:pointer;-webkit-filter:brightness(.75) grayscale(10%);filter:brightness(.75) grayscale(10%);height:10vw;margin:0;opacity:0;padding:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:top center;-moz-transform-origin:top center;-ms-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;width:10vw}.menu.enabled .menu-item:hover{-webkit-box-shadow:0 0 1rem rgba(0,0,0,.8);-moz-box-shadow:0 0 1rem rgba(0,0,0,.8);box-shadow:0 0 1rem rgba(0,0,0,.8);-webkit-filter:brightness(1) grayscale(0);filter:brightness(1) grayscale(0);-webkit-transform:scale(1.02)!important;-moz-transform:scale(1.02)!important;-ms-transform:scale(1.02)!important;-o-transform:scale(1.02)!important;transform:scale(1.02)!important;-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center;-webkit-transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;z-index:99}.footer{bottom:0;font-size:1.2rem;pointer-events:none;top:auto;width:100%}.footer-wrapper{padding-bottom:2.8rem}.footer-dedication,.footer-signature{opacity:.6}.footer-pagination{font-style:italic;opacity:.25}@media screen and (max-width:1024px){.menu-item{height:12.5vw;width:12.5vw}}@media screen and (max-width:800px){.menu-item{height:16.66vw;width:16.66vw}}@media screen and (max-width:640px){.menu-item{height:25vw;width:25vw}.cover-title{font-size:4.8rem}.cover-subtitle{font-size:2.4rem}}@media screen and (max-width:480px){.footer-wrapper,.header-wrapper{padding-left:3.5rem;padding-right:3.5rem}.slide-wrapper{padding:4rem 3.5rem}.menu-item{height:33.33vw;width:33.33vw}}@media screen and (max-height:540px),screen and (max-width:360px){.footer,.header,.overlay,.slide-caption{display:none}.slide-wrapper{padding:2.5rem}.cover-title{font-size:2.4rem}.cover-subtitle{font-size:1.2rem}}@media (hover:hover) and (pointer:fine){.scrollbar-wrapper:active,.scrollbar-wrapper:hover{width:28px}}