#main-canvas{flex-grow:1;flex-shrink:1;flex-basis:0;min-height:0;cursor:pointer}div.input-container{width:100%;padding-top:2px;padding-bottom:2px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;align-items:stretch;row-gap:5px;column-gap:5px}div.input-text,div.input-range{flex-grow:1;flex-shrink:1;background-color:#fff;color:#000;padding:5px;min-height:3rem;font-family:Courier New,monospace;font-size:medium}div.input-text>label,div.input-range>label{display:block}div.input-text>input[type=text],div.input-range>input[type=range]{display:block;width:100%;font-family:Courier New,monospace;box-sizing:border-box;font-size:medium}div.input-text>input[type=text].valid-value{background-color:#a9ceec}div.input-text>input[type=text].invalid-value{background-color:#eca9a9}div.input-range>input[type=range]{cursor:pointer}body{background-color:#000;color:#fff;width:95vw;height:100vh;margin:0 auto;display:flex;flex-flow:column}h1{margin-block-start:.2em;margin-block-end:.2em;text-align:center;display:flex;flex-flow:row;justify-content:space-between;align-items:center;column-gap:10px}h1>button{flex-grow:0;flex-shrink:0;flex-basis:2rem}#menu{flex-grow:0;flex-shrink:0;flex-basis:auto}footer{flex-grow:0;flex-shrink:1;flex-basis:auto;width:100%;text-align:center}footer>a{color:#fff;font-size:small}