* {box-sizing:border-box;}

html,body {background-color:#EEE; width:100%; height:100%; margin:0;}

div#container {min-height:100%; font-family:sans-serif;}

div#container div.hoverBox {background-color:rgba(0,0,0,0.5); color:#FFF; font-size:10px; margin:6px; padding:6px; position:fixed; border-radius:5px; text-align:center;}
div#container div#varBox .varName {margin-right:4px; margin-bottom:4px;}
div#container div#varBox .varValue {margin-bottom:40px;}

div#container div#bugWorld {background-color:#BBB; width:100%; height:100%;}
div#container div#bugWorld div.bug {background-color:#000; border-radius:50%; padding:4px; position:absolute; top:0; left:0; transform: translate(-50%,-50%);}

div#container div#overlay {height:100%; width:100%; z-index:10; position:fixed; top:0; left:0; background-color:rgba(255,255,255,0.75);}
div#container div#overlay div.btnBox {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
div#container div#overlay div.btnBox div.startBtn {display:inline-block; box-sizing:border-box;}
div#container div#overlay div.btnBox div.startBtn {background-color:dodgerblue; color:#fafafa; padding:.5em 1em; text-align:center; border-radius:.5em; cursor:pointer; user-select:none;}
div#container div#overlay div.btnBox div.startBtn {box-shadow:0 4px 0 0 #0169ce; transition:.2s;}
div#container div#overlay div.btnBox div.startBtn:active {box-shadow:0 1px 0 0 #014e99; transform:translateY(3px);}