body,canvas{top:0;left:0;right:0;bottom:0}*{box-sizing:border-box;font-family:Sans-Serif;color:#fff;margin:0;padding:0}.fa{cursor:default}body{position:absolute;background-color:#000;text-align:center}canvas{display:inline-block;position:fixed;width:100%;height:100%;z-index:0}input[type=checkbox]{display:none}input[type=checkbox]+.ctrlCheckbox{display:inline-block;margin:0;padding:0;width:18px;height:18px;position:absolute;right:18px;top:50%;transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);background:rgba(255,255,255,.1);border-radius:2px}input[type=checkbox]+.ctrlCheckbox:before{content:"\f00c";color:#3498db;position:absolute;top:6%;left:8%;opacity:0;transform:scale(0);-o-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);transition:opacity .1s,transform .1s;-o-transition:opacity .1s,-o-transform .1s;-moz-transition:opacity .1s,-moz-transform .1s;-webkit-transition:opacity .1s,-webkit-transform .1s}input[type=checkbox]:checked+.ctrlCheckbox:before{opacity:1;transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1)}