html{height:100%}body{width:100%;height:100%;min-height:100%;overflow:hidden;margin:0;padding:0;background:#030309;position:relative;color:#fff;font:18px/23px Georgia}@font-face{font-family:Ev;src:url(../font/ev.woff) format('woff')}h1,h2{margin:0;padding:20px;text-align:center}h1 img,h2 img{width:100%;max-width:500px;opacity:.9}h2{padding-top:0}p span{font-size:24px}a{text-decoration:none;color:#fff}.endState-opacity0{opacity:0!important;pointer-events:none}.endState-opacity1{opacity:1!important;z-index:10;pointer-events:all!important}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeIn,.fadeOut{animation-duration:.6s;animation-fill-mode:both;animation-name:fadeOut}.fadeIn{animation-direction:reverse}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.rotate{animation:rotate 1s linear infinite}.rotate-1{animation-duration:1.15s}.rotate-2{animation-duration:1.25s}.rotate-3{animation-duration:.7s}.rotate-4{animation-duration:.52s}.rotate-5{animation-duration:.8s}@keyframes fadePulse{0%,70%{opacity:0}80%{opacity:1}90%{opacity:0}}.fadePulse-1{animation:fadePulse 3s linear alternate .3s infinite}.fadePulse-2{animation:fadePulse 4s linear alternate 1.5s infinite}.fadePulse-3{animation:fadePulse 5.2s linear alternate 2.3s infinite}.fadePulse-4{animation:fadePulse 5.8s linear alternate 4s infinite}.fadePulse-5{animation:fadePulse 6.3s linear alternate 2s infinite}@keyframes songGroupIn{0%{opacity:0}100%{opacity:1}}.songGroupIn{animation-duration:.8s;animation-fill-mode:both;animation-name:songGroupIn}@keyframes songGroupOut{0%{opacity:1}100%{opacity:0}}.songGroupOut{animation-duration:.3s;animation-fill-mode:both;animation-name:songGroupOut}@keyframes songGroupChildIn{0%{transform:translate(0,-100px);opacity:0}100%{transform:translate(0,0)}}.songGroupIn>*{animation-duration:.4s;animation-fill-mode:both;animation-name:songGroupChildIn}.songGroupIn>:nth-child(1){animation-delay:0s}.songGroupIn>:nth-child(2){animation-delay:.1s}.songGroupIn>:nth-child(3){animation-delay:.2s}.songGroupIn>:nth-child(4){animation-delay:.3s}.songGroupIn>:nth-child(5){animation-delay:.4s}.songGroupIn>:nth-child(6){animation-delay:.5s}.songGroupIn>:nth-child(7){animation-delay:.6s}.songGroupIn>:nth-child(8){animation-delay:.7s}@keyframes songGroupChildOut{0%{transform:translate(0,0);opacity:1}100%{transform:translate(0,100px);opacity:0}}.songGroupOut>*{animation-duration:.6s;animation-fill-mode:both;animation-name:songGroupChildOut}.songGroupOut>:nth-last-child(1){animation-delay:0s}.songGroupOut>:nth-last-child(2){animation-delay:.1s}.songGroupOut>:nth-last-child(3){animation-delay:.2s}.songGroupOut>:nth-last-child(4){animation-delay:.3s}.songGroupOut>:nth-last-child(5){animation-delay:.4s}.songGroupOut>:nth-last-child(6){animation-delay:.5s}.songGroupOut>:nth-last-child(7){animation-delay:.6s}.songGroupOut>:nth-last-child(8){animation-delay:.7s}@keyframes utils-open{0%{opacity:0;transform:translate3d(0,20px,0) scale(.95)}100%{opacity:1;transform:translate3d(0,0,0) scale(1)}}@keyframes utils-close{0%{opacity:1;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(0,20px,0) scale(.95)}}.utils-open{animation-duration:.3s;animation-fill-mode:both;animation-name:utils-open}.utils-close{animation-duration:.3s;animation-fill-mode:both;animation-name:utils-close}@font-face{font-family:notes;src:url(../font/music.woff?-9toypc) format('woff');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:notes;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-dotted:before{content:"\e600"}.icon-eighth:before{content:"\e601"}.icon-eighths:before{content:"\e602"}.icon-quarter:before{content:"\e603"}.icon-sixteenths:before{content:"\e604"}p.musical{color:#f9f;font:notes}#jb1{background:#111;outline:#444 solid 1px;width:500px;height:200px;margin:30px}#bags-bass{position:absolute;z-index:4;left:0;bottom:0;width:230px;height:200px;background:url(../i/bags-bass.png) no-repeat;background-size:contain}@media (max-height:767px){#bags-bass{display:none}}#cloudCanvas{position:fixed;z-index:2;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#bigCanvas{position:fixed;z-index:3;bottom:0;left:0;width:800px;height:800px;pointer-events:none}#wheel{position:fixed;left:0;bottom:0;width:500px;height:500px;z-index:-1}#wheel .spoke{position:absolute;width:4px;height:100%;background-color:#2b2e4c;transform-origin:0 100%}.spoke-1{animation:spoke 34s linear -2.83333333s infinite}.spoke-2{animation:spoke 34s linear -5.66666667s infinite}.spoke-3{animation:spoke 34s linear -8.5s infinite}.spoke-4{animation:spoke 34s linear -11.33333333s infinite}.spoke-5{animation:spoke 34s linear -14.16666667s infinite}.spoke-6{animation:spoke 34s linear -17s infinite}.spoke-7{animation:spoke 34s linear -19.83333333s infinite}.spoke-8{animation:spoke 34s linear -22.66666667s infinite}.spoke-9{animation:spoke 34s linear -25.5s infinite}.spoke-10{animation:spoke 34s linear -28.33333333s infinite}.spoke-11{animation:spoke 34s linear -31.16666667s infinite}.spoke-12{animation:spoke 34s linear -34s infinite}@keyframes spoke{0%{transform:rotate(-10deg) scaleX(1.3)}100%{transform:rotate(100deg) scaleX(.1)}}#swirls{position:absolute;right:-125px;bottom:0;width:400px;height:268px;background:url(../i/swirls.svg);background-size:cover;transform:scale(-1,1)}@media (max-width:640px){#swirls{display:none}}#group-header{margin:8px 0 0;text-align:center}#group-header a{display:inline-block;margin:30px;width:120px;height:120px;position:relative;font:25px/120px Ev;text-transform:uppercase;text-align:center;color:#fff;opacity:.5}@media (max-width:640px){#group-header a{transform:scale(.85);margin:15px}}@media (max-width:500px){#group-header a{transform:scale(.65);margin:0}}@media (max-width:380px){#group-header a{transform:scale(.9);width:100px;height:50px;line-height:50px;font-size:19px}#group-header a .circles{display:none}}@media (max-width:300px){#group-header a{width:80px;height:80px;line-height:80px;font-size:15px}}#group-header a.on{opacity:1}#group-header a.off{opacity:.3}#group-header a.off:hover{opacity:.5}#group-header a .circles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}#group-header a .circles div{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;transform:scale(1.08)}@keyframes rotate-rest{0%{transform:rotate(0deg) scale(1.294704)}100%{transform:rotate(360deg) scale(1.294704)}}.rest-rotation-1{animation:rotate-rest 20s linear -4s infinite}.rest-rotation-2{animation:rotate-rest 20s linear -11s infinite}.rest-rotation-3{animation:rotate-rest 20s linear -17s infinite}.rest-rotation-4{animation:rotate-rest 20s linear -9s infinite}.rest-rotation-5{animation:rotate-rest 20s linear -6s infinite}.rest{position:absolute;top:0;left:0;right:0;bottom:0;display:block;transform:scale(1.294704)}.rest span{display:block;width:10px;margin-left:55px;height:1px;background:#fff}.notes{position:absolute;top:0;left:0;right:0;bottom:0;display:block;text-align:center;font-family:notes;font-size:18px;margin-top:-2px;opacity:0;transform:scale(1.294704) rotate(0deg)}.notes span{display:block;position:absolute;width:100%;height:100%;line-height:0}.group-contents-class{position:relative;width:500px;margin:0 auto;max-width:95%;z-index:10;transition:opacity .5s}.group-contents-class>div{position:absolute;overflow:hidden;opacity:0;margin:20px;pointer-events:none}.group-contents-class.dim{opacity:.2}.group-contents-class a:not([data-mp3]){font-weight:700;border-bottom:1px solid #aaa;transition:all .1s}.group-contents-class a:not([data-mp3]):hover{border-bottom:1px solid #fff;background:rgba(255,255,255,.25)}#utilities{width:30px;height:30px;margin-left:calc(50% - 15px);text-align:center;position:relative}#utilities .inner{opacity:0;pointer-events:none;position:absolute;z-index:20;width:200px;padding:12px;background:#1e2035;box-shadow:0 0 20px #000;border-radius:3px;margin-left:-97px}#utilities .inner a{display:inline-block;font:12px/16px Ev;transition:opacity .15s;opacity:.6}#utilities .inner a:hover{opacity:.9}#utilities .inner a+a{margin-top:8px}#open-utilities-btn{opacity:.5;transition:opacity .15s}#open-utilities-btn:hover{opacity:.7}#open-utilities-btn.on{opacity:.9}#open-utilities-btn img{max-width:100%;background:0 0}a[data-mp3]{display:block;margin:8px 0 0;font:16px Ev;overflow:hidden}a[data-mp3] svg{margin-right:8px;position:relative;top:2px}a[data-mp3] polygon,a[data-mp3] rect{transition:all .25s}a[data-mp3]:hover polygon,a[data-mp3]:hover rect{fill:rgba(255,255,255,.9);stroke:rgba(0,0,0,.2);stroke-width:1px}.playBarWrap{overflow:hidden}.playStatus{width:200px;height:20px;margin:8px 0 0;font:12px/22px Ev;max-height:0;animation:.25s playBarEntry ease-out;animation-fill-mode:both}.playStatus .barbox{display:inline-block;position:relative;width:calc(200px - 40px);height:100%;background:#2b2e4c;cursor:pointer}.playStatus .bar,.playStatus .buffer{display:block;position:absolute;width:0;height:100%;background:#155d82;transition:width .2s,background .05s;z-index:2}.playStatus .buffer{background:#363a60;z-index:1}.playStatus .time{float:right;color:#888cbb}@keyframes playBarEntry{0%{max-height:0;opacity:0}100%{max-height:20px}}@keyframes playBarExit{100%{max-height:0;opacity:0;margin:0}0%{max-height:80px}}.playBarExit{animation:.25s playBarExit ease-out}.playbar{outline:red solid 2px;position:relative;margin:60px;height:20px;overflow:hidden}.playbar .reveal{position:absolute;right:0;top:0;bottom:0;left:0;background:rgba(0,0,0,.85);z-index:10;-webkit-animation:revealer 20s}