body{font-family:'Open Sans',sans-serif}#myTest{position:fixed;background-color:#37393e;top:50%;left:50%;transform:translate(-50%,-50%);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;z-index:-1}#myCanvas{position:fixed;top:30;left:0;width:800px;height:600px;display:block;margin:0 auto;z-index:1}#chatBox{position:absolute;bottom:0;left:50%;transform:translateX(-70%);width:480px;max-width:90vw;min-width:320px;height:64px;z-index:10;box-shadow:2px 2px 5px rgba(0,0,0,.3);background-color:#061f07;font-size:12px;display:none}#chatBoxInput{position:absolute;left:10px;top:10px;height:25px;width:460px;max-width:85vw;min-width:320px;background-color:#000;outline:0;color:#fff;border:1px solid;border-color:#1e2e1a}.chatButton{all:unset;position:relative;top:40px;left:25px;background-color:#061f07;color:#d3d3d3;border-style:solid;border-width:1px;border-color:#1e2e1a;padding:1px 6px;cursor:pointer}.chatButton:hover{color:#ff0}button:active{background-color:#3c3c3c}button.clicked{box-shadow:inset 0 0 10px rgba(0,0,0,.5);text-shadow:none;transform:translateY(2px);background-color:#111a0e;color:orange}.drop-down{position:relative;top:40px;left:25px;background-color:#061f07;color:#d3d3d3;border-style:solid;border-width:1px;border-color:#1e2e1a}nav ul{font-family:'Open Sans',sans-serif;font-size:12px;list-style-type:none;margin:0;padding:0;background-color:#202124;color:#d3d3d3;z-index:4}nav a{color:gray;text-decoration:none;padding-left:2px;padding-right:2px}nav a:visited{color:gray}nav a:hover{border-radius:5px;background-color:#454646}nav li{display:inline-block;padding:10px}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;z-index:1;background-color:#202124;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:4}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown:hover .dropdown-content{display:block}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:100}.modal-dialog{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f2f2f2;border-bottom:1px solid #ccc}.modal-header h3{margin:0;font-size:1.2rem}.modal-header button{border:none;background-color:transparent;font-size:1.2rem;cursor:pointer}.modal-body{padding:1rem;background-color:#fff}.modal-tablist{display:flex;margin-bottom:1rem;padding-left:0;list-style:none;border-bottom:1px solid #ccc}.modal-tablist button{margin-right:1rem;padding:.5rem 1rem;border:none;background-color:transparent;font-size:1.1rem;cursor:pointer;color:#888}.modal-tablist button[aria-selected=true]{color:#000;border-bottom:2px solid #000}.modal-tabpanel{display:none}.modal-tabpanel[aria-hidden=false]{display:block}