html,body{height:100%;margin:0}#container{width:96%;height:81%;display:block;background:#0000ff1a;outline:3px dotted olive;position:absolute;top:2%;left:2%}#footer{width:96%;height:15%;background:#0000ff1a;outline:3px dotted olive;position:absolute;bottom:2%;left:2%}#content{outline:3px solid darkolivegreen}#canvas{position:absolute;top:0;left:0;width:100%;height:100%;border:1px dotted olive;z-index:1}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;visibility:visible;border:1px dotted olive;z-index:13;pointer-events:none}#background{position:absolute;top:0;left:0;width:100%;height:100%;visibility:visible;border:1px dotted olive;z-index:-1;pointer-events:none}#buttons{position:absolute;top:0;right:0;z-index:100}#LT,#LB,#RT,#RB{background:#0080ff33;border:1px dashed #009;font-size:14px;text-align:center;line-height:100%}.centered{display:flex;justify-content:center;align-items:center}