html{height:100%;margin:0}body{background:linear-gradient(#31051e,#130208);color:#fff;display:flex;flex-direction:column;font-size:1.5rem;height:100%;margin:0}#header{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}#settings{align-items:center;background-color:#460e2b;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto 1fr auto 1fr;padding:.5rem}#baudRateInput,#bufferSizeInput{width:9rem}#menubar{align-items:center;justify-content:start;background-color:#460e2b;display:grid;grid-template-columns:auto auto auto auto 1fr auto;gap:.5rem;padding:.5rem}#showSettingsButton{grid-column-start:-1;justify-self:end}#error{text-decoration:underline;margin:.5rem;padding:.5rem}#stream{font-size:1.25rem;height:100%;margin:.5rem;overflow-wrap:break-word}.hex{background-color:#460e2b;border-radius:1rem;padding:.25rem;margin:.125rem;white-space:nowrap}select,button{background-color:#d53c6a;border:.25rem solid #7c183c;border-radius:1rem;box-sizing:border-box;color:#fff;font-size:1.25rem;padding:.375rem;width:fit-content}select:focus,button:focus{border-color:#ff8274;outline:none}input{background-color:#d53c6a;border:.25rem solid #7c183c;border-radius:.5rem;color:#fff;font-size:1.25rem;flex-grow:1;padding:.25rem;outline:none}input:focus{border-color:#ff8274}input:disabled{cursor:not-allowed;opacity:.25}#inputbar{align-items:center;background-color:#460e2b;box-sizing:border-box;display:flex;gap:.5rem;padding:.5rem;margin:.5rem;width:100% - .5rem}::selection{background-color:#ff8274}