@import url(https://fonts.googleapis.com/css?family=Montserrat);#app,body,html{font-family:Montserrat,sans-serif}#app,body,html{height:100%;width:100%}body{margin:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body .background{background-size:cover;background-repeat:no-repeat;opacity:.5;position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1}body audio{display:none}body #visualizer{position:absolute;left:0;top:0;right:0;bottom:0}body .toggle-play{cursor:pointer;position:absolute;top:105px;left:220px;z-index:10}body .volume{position:absolute;top:105px;left:296px;margin-left:-50px;width:125px;z-index:9}body .volume span.icon{cursor:pointer}body .volume input[type=range]{position:absolute;outline:none;-webkit-appearance:none;height:8px;right:0;top:2px;width:102px;cursor:pointer}body .volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px}body .volume #current-volume{display:inline-block;position:absolute;height:6px;z-index:9;width:119px;left:22px;top:5px;pointer-events:none;-webkit-transition:all .2s ease;transition:all .2s ease}body .logo-container{text-align:center;margin-top:20px;margin-bottom:20px;width:200px;position:absolute;z-index:99}body .logo-container .logo{max-height:150px;z-index:99999;max-width:100%;cursor:pointer}body .logo-container .logo.active{-webkit-animation:loader-rotate 3s linear infinite;animation:loader-rotate 3s linear infinite}body .current-song{position:absolute;left:220px;top:70px}@-webkit-keyframes loader-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}