@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}body,html{font-size:100%;padding:0;margin:0}body{background:#333;color:#fff;padding:0;margin:0 auto;font-family:Lato,Calibri,Arial,sans-serif}a{color:#f0f0f0;text-decoration:none}#container{width:70%;margin:0 auto}#container>header{width:100%;margin:0 auto;padding:46px 30px 30px}#container>header h1{font-size:34px;line-height:1.3;margin:0;float:left;font-weight:400}#container>header span{display:block;font-weight:700;text-transform:uppercase;letter-spacing:8px;padding:0 0 10px 2px}#container>header nav{float:right}#container>header nav a{display:block;float:left;position:relative;width:40px;height:40px;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:transparent;margin:0 2px;border:4px solid #888}#container>header nav a:after{content:attr(data-info);color:#fff;position:absolute;width:600%;top:120%;text-align:right;right:0;opacity:0;pointer-events:none}#container>header nav a:hover:after{opacity:1}#container>header nav a:hover{background:#555}#container>header nav a:hover:before{color:#fff}.icon-games:before,.icon-github:before,.icon-home:before{font-family:fontawesome;position:absolute;top:0;width:100%;height:100%;speak:none;font-style:normal;font-weight:400;line-height:2;text-align:center;color:#888;-webkit-font-smoothing:antialiased}.icon-home:before{content:"\f015"}.icon-github:before{content:"\f113"}.icon-games:before{content:"\f11b"}.main-content{background:#444;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin:0 auto 30px}.panel-container{padding:5%;text-align:center}.panel-main{margin-bottom:10px}.title{font-size:48px;margin:0 0 16px;letter-spacing:3px}.subtitle{font-size:21px;margin:0 0 24px;letter-spacing:1px;color:rgba(255,255,255,.9)}.sprite img{margin:30px 0;background:#2b2b2b;padding:10px}.lyrics-anchor,.panel-audio,.panel-game{margin-bottom:10px}.btn-play{display:inline-block;padding:10px 70px;font-size:15px;font-weight:400;text-align:center;color:#fff;background-color:#222;border:1px solid #333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}.btn-play:hover{color:#fff;background-color:#333;border-color:#444;outline:0}#canvas{width:100%;height:100%;background:#000;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}.panel-audio audio{max-width:100%}.panel-lyrics{padding:0 10%}#show-hide-lyrics{cursor:pointer;text-decoration:underline}.lyrics{border:1px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#666;padding:5%}.lyrics-title{font-size:48px;margin:0 0 16px}@media only screen and (min-device-width :320px)and (max-device-width :480px){#container{width:90%}.panel-lyrics{padding:0}.lyrics-title{font-size:28px;margin:0 0 16px}}@media only screen and (orientation:portrait){#canvas{min-height:400px}}