html{background-color:#000}body,html{height:100%;width:100%;margin:0 auto;padding:0;text-align:center}#wrapper{position:relative;width:100%;height:100%;text-align:center;margin:0 auto;padding:0}#wrapper canvas{position:absolute;top:0;left:0;z-index:-1;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}#overlay{min-width:300px;max-width:500px;width:auto;height:100%;margin:0 auto;padding:0;position:relative;text-align:center;z-index:1;overflow:hidden}.center{margin-left:auto;margin-right:auto}#greeting{top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);border:0 rgba(163,162,162,.4);border-radius:15px;position:relative;z-index:15;text-align:center;padding:5px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}.text{font-family:"Ubuntu Mono","Droid Sans Mono","Lucida Console","Lucida Sans Unicode","Courier New",Helvetica,Arial,sans-serif;font-size:32px;color:#eeeae6;overflow:visible}.paused{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.play_button{color:#1f1f1f;float:left;position:fixed;right:20px;bottom:20px;text-align:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;background:0 0;cursor:default;z-index:51;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.btn_outline{color:#fff;font-size:20px;border:solid 2px #fff;background:0 0;transition:all .3s ease-in-out;margin-top:15px;opacity:.7;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.btn_outline:active,.btn_outline:hover{transform:scale(1.1) translateY(-5px);-webkit-transform:scale(1.1) translateY(-5px);-moz-transform:scale(1.1) translateY(-5px);-o-transform:scale(1.1) translateY(-5px);color:#ff6d00;background:#1f1f1f;border:solid 2px #1f1f1f;opacity:1}#playpause{position:relative;top:5%}.play_button:hover #playpause{outline:0;color:#32404d}.btn_play{display:inline-block;height:35px;width:35px;border:2px solid #32404d;border-radius:100%;text-align:center;font-size:18px;line-height:32px;opacity:.8;color:#32404d;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}.btn_outline_play{font-size:18px;border:solid 2px #32404d;background:0 0;transition:all .3s ease-in-out;margin-top:20px;opacity:.8;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}.btn_outline_play:active,.btn_outline_play:hover{transform:scale(1.1) translateY(-5px);-webkit-transform:scale(1.1) translateY(-5px);-moz-transform:scale(1.1) translateY(-5px);-o-transform:scale(1.1) translateY(-5px);border:solid 2px #32404d}.btn-play:focus{color:currentColor}.footer-col{z-index:53}.shadow-1{box-shadow:0 0 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.18)}.shadow-2{box-shadow:0 1px 6px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.17)}.shadow-3{box-shadow:0 3px 20px rgba(0,0,0,.13),0 5px 6px rgba(0,0,0,.17)}.shadow-4{box-shadow:0 5px 28px rgba(0,0,0,.19),0 8px 10px rgba(0,0,0,.16)}.shadow-5{box-shadow:0 7px 38px rgba(0,0,0,.24),0 11px 12px rgba(0,0,0,.13)}.ease-in{transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in}.ease-out{transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out}.ease-in-out{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}