.App{margin:0;padding:0;width:100%;height:100%;cursor:none}.cursor{width:16px;height:16px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;transition:.25s ease-in-out;transition-property:background,opacity,-webkit-transform;transition-property:background,transform,opacity;transition-property:background,transform,opacity,-webkit-transform;-webkit-transform-origin:center;transform-origin:center;background-image:url(cursor.png);background-size:100%;z-index:1}.cursor.hide{display:none}.cursor.hover{-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2);opacity:1}.cursor.blur,.cursor.click{-webkit-transform:translate(-50%,-50%) scale(3);transform:translate(-50%,-50%) scale(3);opacity:0}.playInstruction{bottom:50%;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);position:absolute;z-index:2;text-transform:uppercase;color:#000;font:16px sans-serif;text-align:center;opacity:1;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;transition:opacity .25s;margin:0;background-image:url(music-notes-2.png);background-size:100%;width:40vmin;height:40vmin;-webkit-filter:invert(1) drop-shadow(6.7px 6.7px 5.3px rgba(0,0,0,.028)) drop-shadow(22.3px 22.3px 17.9px rgba(0,0,0,.042)) drop-shadow(100px 100px 80px rgba(0,0,0,.07));filter:invert(1) drop-shadow(6.7px 6.7px 5.3px rgba(0,0,0,.028)) drop-shadow(22.3px 22.3px 17.9px rgba(0,0,0,.042)) drop-shadow(100px 100px 80px rgba(0,0,0,.07));visibility:hidden}.playInstruction.hide{opacity:0}canvas{background:#E4E4E4}.spinner{top:0;width:100%;height:100%;background:#E4E4E4;z-index:1000;position:absolute;transition:1s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.spinner.hide{opacity:0;visibility:hidden}.dotsContainer{-webkit-transform:scaleX(-1);transform:scaleX(-1);transition:.25s ease-in-out}.spinner.hide .dotsContainer{opacity:0;visibility:hidden}@-webkit-keyframes spinnerRot{to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes spinnerRot{to{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.dots{width:48px;height:48px;background-size:100%;-webkit-animation:spinnerRot 1s infinite steps(8);animation:spinnerRot 1s infinite steps(8);background-image:url(spin.svg)}.fxhashFeatures{z-index:1;margin:12px;position:absolute;pointer-events:none;text-shadow:0px 0px 8px #000;color:#fff;font:16px sans-serif}.fxhashFeatures p{padding-bottom:4px}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{margin:0;padding:0;overflow:hidden}body,html,.root{width:100%;height:100%}*{touch-action:none}