@import url(https://fonts.googleapis.com/css?family=Cousine:400,700);body{margin:0;padding:0;font-family:Cousine;background-color:#000;color:#fff;font-size:12px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-overflow-scrolling:auto}#root{width:100%;height:100%;overflow:hidden;-webkit-overflow-scrolling:auto}#root.homepage{overflow:scroll}#root.homepage .lib-audio{position:relative;height:auto}*{-webkit-box-sizing:border-box;box-sizing:border-box}.lib-audio__menu-element{position:fixed;top:26px;left:26px;z-index:3;width:32px;height:32px;border:3px solid #ffc64f;cursor:pointer;-webkit-transition:border-color .2s;-o-transition:border-color .2s;transition:border-color .2s}.lib-audio__menu-element:after{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:"GS";color:#ffc64f;font-weight:700;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}.lib-audio__menu-element--open{border-color:#455d3b}.lib-audio__menu-element--open:after{content:"\D7";color:#455d3b}.lib-audio__flyout{position:fixed;z-index:2;width:300px;height:100%;top:0;right:100%;padding:100px 26px 26px;background-color:#aadc92;opacity:0;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;-o-transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s;color:#000;line-height:1.6;overflow:scroll}.lib-audio__flyout a{color:#000}.lib-audio__flyout--open{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:1}body,html{overflow:hidden}.lib-audio,body,html{width:100%;height:100%}.lib-audio{-ms-touch-action:manipulation;touch-action:manipulation}.lib-audio__keyboard{position:absolute;bottom:0;left:50%;z-index:1;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-ms-touch-action:manipulation;touch-action:manipulation}.audio-lib__keyboard-major-key,.audio-lib__keyboard-minor-key{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.audio-lib__keyboard-major-key{fill:#bfbfbf}.audio-lib__keyboard-minor-key{fill:#000}.audio-lib__keyboard-key--active{fill:#ffc64f}.hidden{display:none}.center{text-align:center}img{display:block;width:100px;height:100px;margin:0 auto;margin-top:2rem}hr{margin:3rem 0;border:none;border-bottom:1px solid rgba(0,0,0,.2)}#canvas{width:100%;height:100vh;z-index:0}.title{position:fixed;top:38px;left:50%;max-width:50%;word-wrap:break-word;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:11px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.title__color{color:#ffc64f}.go-somewhere{position:fixed;top:26px;right:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;outline:none;padding:.75rem 1rem;background-color:transparent;color:#fff;cursor:pointer;font-family:Cousine}.go-somewhere--active{pointer-events:none}.go-somewhere-input{position:fixed;top:0;left:0;width:100%;opacity:0;pointer-events:none;-webkit-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s;padding:1.25em 3.5em;background-color:#192121;outline:none;border:none;color:#fff;font-family:Cousine;font-size:24px;text-align:center}.go-somewhere-input--active{opacity:1;pointer-events:auto}.randomize{position:fixed;top:26px;right:10px;border:none;outline:none;padding:.75rem 1rem;background-color:transparent;color:#fff;cursor:pointer;opacity:0;z-index:2;pointer-events:none;font-family:Cousine;-webkit-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s}.randomize--active{opacity:1;pointer-events:auto}.loading{position:absolute;bottom:3rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:11px}.spacer{height:50px}.share{position:fixed;right:10px;bottom:38px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.share a{color:#ffc64f;text-decoration:none}.hp{padding-top:4rem}.hp-title{font-size:16px;text-align:center;opacity:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity 1s ease-out,-webkit-transform 1s ease-out;transition:opacity 1s ease-out,-webkit-transform 1s ease-out;-o-transition:transform 1s ease-out,opacity 1s ease-out;transition:transform 1s ease-out,opacity 1s ease-out;transition:transform 1s ease-out,opacity 1s ease-out,-webkit-transform 1s ease-out}.hp-spoopy{position:relative;z-index:1;padding:.5em 0;font-size:72px;text-align:center;color:#ffd893}.hp-description{max-width:320px;margin:0 auto;padding:3em 0 0;text-align:justify;font-size:16px;line-height:1.6;letter-spacing:.04em;color:gray;opacity:0;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:opacity 1s ease-out,-webkit-transform 1s cubic-bezier(0,0,.29,1);transition:opacity 1s ease-out,-webkit-transform 1s cubic-bezier(0,0,.29,1);-o-transition:transform 1s cubic-bezier(0,0,.29,1),opacity 1s ease-out;transition:transform 1s cubic-bezier(0,0,.29,1),opacity 1s ease-out;transition:transform 1s cubic-bezier(0,0,.29,1),opacity 1s ease-out,-webkit-transform 1s cubic-bezier(0,0,.29,1)}.hp-input{position:relative;display:block;margin-top:2em;width:100%;padding:.5em;background-color:hsla(0,0%,100%,.1);font-family:Cousine;font-size:inherit;color:#fff;border:none;outline:none}.hp-input__help{position:absolute;bottom:-24px;left:0;right:0;text-align:center;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0;font-size:10px;color:#fff;-webkit-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s}.hp-input:valid+.hp-input__help{opacity:1}.hp--fadein .hp-description,.hp--fadein .hp-spoopy,.hp--fadein .hp-spoopy__letter,.hp--fadein .hp-title{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}.hp-spoopy__letter{display:inline-block;-webkit-animation:sine .5s alternate infinite ease-in-out;animation:sine .5s alternate infinite ease-in-out;opacity:0;will-change:transform}.hp-spoopy__letter:nth-child(2){-webkit-animation-delay:25ms;animation-delay:25ms;-webkit-transition:opacity .5s 25ms;-o-transition:opacity .5s 25ms;transition:opacity .5s 25ms}.hp-spoopy__letter:nth-child(3){-webkit-animation-delay:.05s;animation-delay:.05s;-webkit-transition:opacity .5s .05s;-o-transition:opacity .5s .05s;transition:opacity .5s .05s}.hp-spoopy__letter:nth-child(4){-webkit-animation-delay:75ms;animation-delay:75ms;-webkit-transition:opacity .5s 75ms;-o-transition:opacity .5s 75ms;transition:opacity .5s 75ms}.hp-spoopy__letter:nth-child(5){-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-transition:opacity .5s .1s;-o-transition:opacity .5s .1s;transition:opacity .5s .1s}.hp-spoopy__letter:nth-child(6){-webkit-animation-delay:.125s;animation-delay:.125s;-webkit-transition:opacity .5s .125s;-o-transition:opacity .5s .125s;transition:opacity .5s .125s}.hp-spoopy__letter:nth-child(7){-webkit-animation-delay:.15s;animation-delay:.15s;-webkit-transition:opacity .5s .15s;-o-transition:opacity .5s .15s;transition:opacity .5s .15s}.hp-spoopy__letter:nth-child(8){-webkit-animation-delay:.175s;animation-delay:.175s;-webkit-transition:opacity .5s .175s;-o-transition:opacity .5s .175s;transition:opacity .5s .175s}.hp-spoopy__letter:nth-child(9){-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-transition:opacity .5s .2s;-o-transition:opacity .5s .2s;transition:opacity .5s .2s}.hp-spoopy__letter:nth-child(10){-webkit-animation-delay:.225s;animation-delay:.225s;-webkit-transition:opacity .5s .225s;-o-transition:opacity .5s .225s;transition:opacity .5s .225s}.hp-spoopy__letter:nth-child(11){-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-transition:opacity .5s .25s;-o-transition:opacity .5s .25s;transition:opacity .5s .25s}.hp-spoopy__letter:nth-child(12){-webkit-animation-delay:.275s;animation-delay:.275s;-webkit-transition:opacity .5s .275s;-o-transition:opacity .5s .275s;transition:opacity .5s .275s}.hp-spoopy__letter:nth-child(13){-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-transition:opacity .5s .3s;-o-transition:opacity .5s .3s;transition:opacity .5s .3s}.hp-spoopy__letter:nth-child(14){-webkit-animation-delay:.325s;animation-delay:.325s;-webkit-transition:opacity .5s .325s;-o-transition:opacity .5s .325s;transition:opacity .5s .325s}.hp-spoopy__letter:nth-child(15){-webkit-animation-delay:.35s;animation-delay:.35s;-webkit-transition:opacity .5s .35s;-o-transition:opacity .5s .35s;transition:opacity .5s .35s}.hp-spoopy__letter:nth-child(16){-webkit-animation-delay:.375s;animation-delay:.375s;-webkit-transition:opacity .5s .375s;-o-transition:opacity .5s .375s;transition:opacity .5s .375s}.hp-spoopy__letter:nth-child(17){-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-transition:opacity .5s .4s;-o-transition:opacity .5s .4s;transition:opacity .5s .4s}.hp-spoopy__letter:nth-child(18){-webkit-animation-delay:.425s;animation-delay:.425s;-webkit-transition:opacity .5s .425s;-o-transition:opacity .5s .425s;transition:opacity .5s .425s}.hp-spoopy__letter:nth-child(19){-webkit-animation-delay:.45s;animation-delay:.45s;-webkit-transition:opacity .5s .45s;-o-transition:opacity .5s .45s;transition:opacity .5s .45s}.hp-spoopy__letter:nth-child(20){-webkit-animation-delay:.475s;animation-delay:.475s;-webkit-transition:opacity .5s .475s;-o-transition:opacity .5s .475s;transition:opacity .5s .475s}@-webkit-keyframes sine{to{-webkit-transform:translateY(75%);transform:translateY(75%)}}@keyframes sine{to{-webkit-transform:translateY(75%);transform:translateY(75%)}}.m-menu{display:none}.m-menu__go-somewhere{width:100%;padding:1em;font-family:Cousine;font-size:12px;border:none;outline:none;background-color:hsla(0,0%,100%,.3);color:#000;-webkit-appearance:none}.m-menu__share{text-align:center}.m-menu hr{margin:1.5rem 0}@media screen and (max-width:550px){.hp-spoopy{font-size:42px}.hp-description{padding:2em 1em 1em;font-size:14px}.menu--nomobile{display:none}.m-menu{display:block}.lib-audio__flyout{width:100%}.go-somewhere{display:none}.title{left:auto;right:26px;-webkit-transform:none;-ms-transform:none;transform:none;text-align:right}.share{display:none}}.unsupported{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;color:#fff;line-height:1.4}
/*# sourceMappingURL=main.fe6a8fd3.css.map*/