*{box-sizing:border-box}html{background:#000;color:green}body,html{height:100%;margin:0;padding:0;width:100%}body{font-family:monospace;font-size:16px}::selection{background:green;color:#000}#root{height:100%}a{color:green}.App{align-items:center;display:flex;flex-direction:column;margin:0 auto;min-height:100%;padding:20px;position:relative;text-align:center;width:100%}.App .canvas-container{height:100%;left:0;opacity:40%;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.App .canvas-container #canvas{height:100%;width:100%}.App .main-container{background:hsla(0,0%,6%,.8);border:1px solid green;padding:20px;width:min(700px,100vw - 60px);z-index:1}.App .main-container li,.App .main-container p,.App .main-container ul{text-align:left}.App .main-container p:last-child,.App h1{margin-bottom:0}.App h1{font-size:28px;margin-top:0}.App .units{align-items:center;display:flex;flex-direction:column;gap:10px}.App .unit{display:flex;justify-content:center;width:100%}.App .unit .input{width:100%}.App .unit .input input{background:#000;border:.5px solid green;color:green;font-family:monospace;font-size:16px;padding:10px;text-align:right;width:100%}.App .unit .input input:focus{outline:2px solid green;outline-offset:-2px}.App .unit .label{align-items:center;background:green;color:#000;display:flex;justify-content:center;min-width:100px;padding:2px;text-align:center;width:100px}.App .unit .wei{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start;padding-left:10px;text-align:left;width:120px}@media(max-width:600px){.wei{display:none!important}}
/*# sourceMappingURL=main.c2100e93.css.map*/