#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body canvas{position:fixed;width:100%;height:100%;top:0;left:0}body{background-color:#fff}#progress{position:fixed;width:100%;text-align:center;top:45%;font-size:3em;color:#eaeaea}#pixel-loader{width:10px;height:10px;top:-100px;left:-100px;background:#f35626;color:#f35626;position:absolute;box-shadow:15px 15px 0 0,-15px -15px 0 0,15px -15px 0 0,-15px 15px 0 0,0 15px 0 0,15px 0 0 0,-15px 0 0 0,0 -15px 0 0;-webkit-animation:anim 2s linear infinite;animation:anim 2s linear infinite}@-webkit-keyframes anim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-filter:hue-rotate(0deg)}50%{box-shadow:20px 20px 0 0,-20px -20px 0 0,20px -20px 0 0,-20px 20px 0 0,0 10px 0 0,10px 0 0 0,-10px 0 0 0,0 -10px 0 0}75%{box-shadow:20px 20px 0 0,-20px -20px 0 0,20px -20px 0 0,-20px 20px 0 0,0 10px 0 0,10px 0 0 0,-10px 0 0 0,0 -10px 0 0}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-filter:hue-rotate(1turn)}}@keyframes anim{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-filter:hue-rotate(0deg)}50%{box-shadow:20px 20px 0 0,-20px -20px 0 0,20px -20px 0 0,-20px 20px 0 0,0 10px 0 0,10px 0 0 0,-10px 0 0 0,0 -10px 0 0}75%{box-shadow:20px 20px 0 0,-20px -20px 0 0,20px -20px 0 0,-20px 20px 0 0,0 10px 0 0,10px 0 0 0,-10px 0 0 0,0 -10px 0 0}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);-webkit-filter:hue-rotate(1turn)}}