*{box-sizing:border-box}body,html{height:100%}body{margin:0;overflow:hidden;font-family:sans-serif;color:#fff;background:#000}#canvas{width:100%;height:100%;-webkit-transition:-webkit-filter .4s,filter .4s;transition:filter .4s}#error-mobile{font-weight:100;text-align:center;line-height:3em;font-size:14px;position:absolute;background:#000;left:0;top:50%;width:100%;height:50%;padding:0 10%;z-index:1;margin-top:-50px;letter-spacing:.4em}#error-mobile.hide{visibility:hidden}#outro{font-weight:100;text-align:center;line-height:3em;position:absolute;width:100%;top:10%;letter-spacing:.4em;-webkit-transition-property:visibility;transition-property:visibility;-webkit-transition-delay:0s;transition-delay:0s}#outro .text{font-size:20px;font-family:recursive}#outro .text span{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:1.5s;transition-duration:1.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}#outro .text span:nth-child(1){-webkit-transition-delay:.2s;transition-delay:.2s}#outro .text span:nth-child(2){-webkit-transition-delay:.4s;transition-delay:.4s}#outro .text span:nth-child(3){-webkit-transition-delay:.6s;transition-delay:.6s}#outro .text span:nth-child(4){-webkit-transition-delay:.8s;transition-delay:.8s}#outro .text span:nth-child(5){-webkit-transition-delay:1s;transition-delay:1s}#outro .text span:nth-child(6){-webkit-transition-delay:1.2s;transition-delay:1.2s}#outro .text span:nth-child(7){-webkit-transition-delay:1.4s;transition-delay:1.4s}#outro .text span:nth-child(8){-webkit-transition-delay:1.6s;transition-delay:1.6s}#outro .text span:nth-child(9){-webkit-transition-delay:1.8s;transition-delay:1.8s}#outro .text span:nth-child(10){-webkit-transition-delay:2s;transition-delay:2s}#outro .text span:nth-child(11){-webkit-transition-delay:2.2s;transition-delay:2.2s}#outro .text span:nth-child(12){-webkit-transition-delay:2.4s;transition-delay:2.4s}#outro .text span:nth-child(13){-webkit-transition-delay:2.6s;transition-delay:2.6s}#outro .text span:nth-child(14){-webkit-transition-delay:2.8s;transition-delay:2.8s}#outro .text span:nth-child(15){-webkit-transition-delay:3s;transition-delay:3s}#outro .text span:nth-child(16){-webkit-transition-delay:3.2s;transition-delay:3.2s}#outro .text span:nth-child(17){-webkit-transition-delay:3.4s;transition-delay:3.4s}#outro .text span:nth-child(18){-webkit-transition-delay:3.6s;transition-delay:3.6s}#outro .text span:nth-child(19){-webkit-transition-delay:3.8s;transition-delay:3.8s}#outro .text span:nth-child(20){-webkit-transition-delay:4s;transition-delay:4s}#outro .tip{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:5s;transition-delay:5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;margin-top:100px;-webkit-transform:translateZ(0);transform:translateZ(0)}#outro .tip span{display:inline-block;border-radius:10px;padding:0 40px;border:1px solid #fff}#outro.hide{visibility:hidden;-webkit-transition-delay:4s;transition-delay:4s}#outro.hide .text span{opacity:0;-webkit-transition-delay:0;transition-delay:0}#outro.hide .tip{-webkit-transition-delay:.2s;transition-delay:.2s;opacity:0}#intro{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-delay:.4s;transition-delay:.4s;-webkit-transition-duration:5s;transition-duration:5s}#intro:before{content:"";-webkit-transition:opacity 1s;transition:opacity 1s;display:block;background:#000;position:absolute;left:0;top:0;width:100%;height:100%}#intro .music,#intro p{-webkit-transition:opacity .1s;transition:opacity .1s}#intro .error-chrome{-webkit-transition:opacity .4s;transition:opacity .4s;letter-spacing:.5em;line-height:3em;font-size:12px;position:absolute;text-align:center;background:#000;left:0;top:50%;margin-top:60px;width:100%}#intro .error-chrome.hide{visibility:hidden}#intro p{position:absolute;left:50%;top:50%;margin-top:180px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-weight:100;letter-spacing:.5em;text-align:center}#intro p span{display:inline-block;border-radius:10px;padding:10px 40px;border:1px solid #fff}#intro .music{letter-spacing:.5em;font-weight:100;position:absolute;left:50%;top:50%;margin-top:100px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#intro svg{display:block;fill:#fff;position:relative;width:50px}#intro h1{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-100px;text-transform:uppercase;font-weight:100;letter-spacing:1em}#intro .loading{position:absolute;top:50%;left:50%;width:100px;text-align:center;margin-left:-50px;margin-top:-10px;font-weight:100;letter-spacing:.5em;-webkit-animation:rotating 1s infinite ease-in-out alternate;animation:rotating 1s infinite ease-in-out alternate;ransition-property:opacity,visibility;-webkit-transition-duration:.4s;transition-duration:.4s}#intro .loading.hide{opacity:0;visibility:hidden}#intro .button{position:absolute;width:50px;height:50px;cursor:pointer;top:50%;left:50%;border:1px solid #fff;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-top:16px;-webkit-transition-property:background,color,-webkit-transform,opacity,visibility;transition-property:background,color,transform,opacity,visibility;-webkit-transition-duration:.4s;transition-duration:.4s}#intro .button.hide{opacity:0;visibility:hidden}#intro .button:hover{background:#fff;color:#000}#intro .lq{margin-left:-50px}#intro .hq{margin-left:50px}#intro.hide{opacity:0;visibility:hidden}#intro.hide .error-chrome,#intro.hide .music,#intro.hide p,#intro.hide:before{opacity:0}#intro.hide .button{-webkit-transform:translate(-50%,1000px);-ms-transform:translate(-50%,1000px);transform:translate(-50%,1000px)}#intro.hide .lq{-webkit-transition-duration:.8s;transition-duration:.8s}#intro.hide .hq{-webkit-transition-duration:1.4s;transition-duration:1.4s}@-webkit-keyframes rotating{from{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}@keyframes rotating{from{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}