body{background:#000;color:#333;margin:0}header{padding:1.2rem 2rem;position:absolute;z-index:10}.title{color:#fff;font-family:monospace;font-size:1.1rem;padding-bottom:.4rem}.live{color:#ffc600;font-size:.8rem;-webkit-animation-name:live;animation-name:live;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2.5s;animation-duration:2.5s}@-webkit-keyframes live{0%{opacity:1}50%{opacity:.25}to{opacity:1}}.button{color:#fff;cursor:pointer;text-decoration:underline;padding-right:.8rem}.button:hover,button:active{color:#ffc600}.container{position:absolute;top:0;padding:0;margin:0;width:100vw;height:100vh;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.player{width:50vh;height:50vh;-webkit-transition:all .2s;transition:all .2s;cursor:pointer}.player:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.crop{position:relative;overflow:hidden;-webkit-clip-path:circle(50% at center);clip-path:circle(50% at center);pointer-events:none}.album-art,.crop{width:inherit;height:inherit}.album-art{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(../images/autumn.jpg);background-repeat:no-repeat;background-position:50%;background-size:cover}.playing{-webkit-animation-name:playing;animation-name:playing;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:5s;animation-duration:5s}@-webkit-keyframes playing{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.paused{-webkit-animation-play-state:paused;animation-play-state:paused}.spindle{border-radius:50%;width:4%;height:4%;background:#000}.background{position:absolute;top:0;padding:0;margin:0;width:100vw;height:100vh;z-index:0;background-image:url(../images/autumn.jpg);background-repeat:no-repeat;background-position:50%;background-size:120vw 120vh;-webkit-filter:blur(1rem);filter:blur(1rem);opacity:.5}