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