*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#222;padding-top:10%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.wrap{position:relative;display:block;margin:0 auto 20px;width:640px}.canvas{display:block;margin-bottom:20px;background:#358278}#instructions{padding-top:62%;font-family:Georgia;font-size:18px;font-style:italic;line-height:1.6;text-align:center;color:#fff}#instructions em{background:rgba(255,255,255,.25);padding:6px;margin:0 4px}.screen{position:absolute;left:0;top:0;width:640px;height:480px;-webkit-transition:opacity .5s;transition:opacity .5s}.screen.hidden{opacity:0}#black{background:#000;z-index:9}#title{z-index:2;height:63px;margin-top:75px;background:url(../images/title.png) center no-repeat}#name{position:absolute;width:100%;text-align:center;top:24px;font-family:monospace;text-transform:uppercase;color:#fff}#music{display:block;text-align:center;line-height:20px;width:20px;background:#ccc;border:0;float:right}#music.off{position:relative;background:#444;color:#ccc}#music.off:after{content:'';position:absolute;top:0;left:10px;width:1px;height:16px;background:#fff;transform:rotate(45deg)}