body{background:#000;color:#fff;font-size:25px;font-weight:bold;}
p{width:400px;margin:50px auto 50px auto;animation:apparition 2s ease none;}
.small{font-size:14px;font-weight:normal;}

@keyframes apparition{
  0%{color:#000;}
  100%{color:#fff;}
}

h1{font-size:25px;width:400px;margin:0 auto;text-shadow:0 0 10px #fff;}
.bt{display:none;text-transform:uppercase;border:1px solid #fff;color:#fff;width:400px;margin:0 auto;font-size:25px;padding:10px;text-align:center;text-decoration:none;}
#warning{display:none;color:#fff;font-size:14px;width:300px;margin:0 auto;}
.keys{display:inline-block;width:114px;height:23px;background:url(i/sprite.png) no-repeat 0 0;}

#warning p{display:block;}
#warning table{width:300px;margin:25px 0 0 0;font-size:12px;font-weight:normal;}
td,th{border:1px solid #999;padding:5px;}
#warning table th{text-align:left;font-weight:normal;}
table .good{color:#92ff83;}
table .bad{color:#ff8383;}

.musiq{font-size:12px;font-weight:normal;display:block;width:170px;margin:20px auto;text-decoration:underline;cursor:pointer;}
.musiq .icon{float:left;background:url(i/sprite.png) -187px 0 no-repeat;width:26px;height:20px;display:block;z-index:12;margin-right:10px;}
.musiq.off .icon{background-position:-213px 0;}
.musiq.on .off,
.musiq.off .on{display:none;}


.bad #warning{display:block;}
.good .bt{display:block;}