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