html{overflow:hidden;height:100vh}body{margin:0;background:black;height:100vh;overflow:auto}#container{width:100vw;height:100vh;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#eee}#container #theCanvas{position:absolute;top:0px;left:0px;width:100%;height:100%}#container #guideLines{position:absolute;top:0px;left:50%;height:100vh;width:56.25vh;transform:translateX(-50%);background:none;border-left:2px solid red;border-right:2px solid red}#container #guideLines.hide{visibility:hidden;display:none}#container #infoIcon{display:block;visibility:hidden;position:absolute;width:20px;height:20px;background:#aaa;background:rgba(200,200,200,0.5);top:10px;right:10px;font-size:14px;font-weight:bold;font-style:italic;line-height:22px;text-align:center;color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-decoration:none}#container #infoIcon:hover{background:#333;background:rgba(100,100,100,0.5);cursor:pointer}#container #infoText{position:absolute;width:90vw;height:90vh;top:5vh;left:5vw;background:rgba(255,255,255,0.5);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
