#stage,#stage #colors{position:absolute;height:100%}body{background-color:#000;font-family:sans-serif;color:#666;padding:0;margin:0 auto;text-align:center}#stage{left:50%;transform:translateX(-50%);width:800px;overflow:hidden;background-color:#0B1B2B}#stage #colors{z-index:1;width:100%}#stage #colors .panel{width:16.66%;height:100%;position:relative;float:left}#stage #colors .panel .bg{opacity:.66;position:absolute;width:100%;height:100%;left:0;top:0;z-index:0;pointer-events:none}#stage #colors .panel .card{margin:10%;background-color:rgba(255,255,255,.33);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;width:80%;height:100px;position:relative;z-index:99;opacity:.9;box-shadow:0 0 5px rgba(0,0,0,.66);overflow:hidden}#stage #colors .panel .card div{pointer-events:none;font-size:13px;cursor:default}#stage #colors .panel .card div.name{padding:10px;font-size:13px;font-weight:700;background-color:#eee;color:#333;text-shadow:2px 2px 0 #fff}#stage #colors .panel .card div.ttl{padding:5px 10px;font-size:11px;font-style:italic;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.66)}#stage #colors .panel .card.new{height:0}#stage #colors div:nth-child(1) .bg{background-color:#0B3D80}#stage #colors div:nth-child(2) .bg{background-color:#027CC4}#stage #colors div:nth-child(3) .bg{background-color:#00AD62}#stage #colors div:nth-child(4) .bg{background-color:#FEC200}#stage #colors div:nth-child(5) .bg{background-color:#FF4033}#stage #colors div:nth-child(6) .bg{background-color:#900C87}#stage #colors #panel-overlay{position:absolute;z-index:99;left:0;width:0;height:100%;opacity:0}#stage #colors #panel-overlay .bg,#stage #colors #panel-overlay .color{width:100%;height:100%;position:absolute}#stage #colors #panel-overlay .color{opacity:.9}#stage #colors #panel-overlay .comment,#stage #colors #panel-overlay .desc,#stage #colors #panel-overlay .job,#stage #colors #panel-overlay .name,#stage #colors #panel-overlay .title{font-weight:700;text-transform:uppercase;position:relative;font-size:80px;text-shadow:0 0 5px rgba(0,0,0,.5);color:#fff;padding:0 5%;opacity:0;text-align:left}#stage #colors #panel-overlay .title{padding-top:5%}#stage #colors #panel-overlay .comment,#stage #colors #panel-overlay .name{border-top:1px solid rgba(255,255,255,.33);margin-top:20px;padding-top:20px}#stage #colors #panel-overlay .desc{font-size:40px}#stage #colors #panel-overlay .name{font-size:50px}#stage #colors #panel-overlay .job{font-size:14px;font-style:italic}#stage #colors #panel-overlay .comment{font-size:24px;width:70%;text-transform:none}#stage #bg,#stage #status{width:100%;position:absolute}#stage #logo{z-index:9;position:absolute;right:15px;bottom:70px;width:100px;height:100px;background-image:url(../img/logo.png);background-size:cover;-webkit-filter:drop-shadow(0 0 10px #222)}#stage #status{z-index:9;font-size:24px;color:#eee;background-color:rgba(255,255,255,.33);bottom:0;left:0;height:50px;line-height:18px}#stage #count,#stage #date{position:absolute;display:block;padding:2% 3%}#stage #date{right:0}#stage #bg{z-index:0;height:100%;background:url(../img/bg.gif) 50% 50%;background-size:cover;opacity:.66}#backstage{display:none}