vk3cpu/magloop.css

body {
    background: rgb(196, 122, 77);
    margin: 0px;
}
header {
    background: black;
    color: white;
    font-family: 'Courier New', Courier, monospace;
    font-size: smaller;
    text-align: center;
}

svg {
    background: white;
    width: 100%;
    margin: auto;
    border: 2px solid #000000;
    display: block;
    box-sizing: border-box;
}

canvas {
    background: white;
    width: 100%;
    margin: auto;
    border: 2px solid #000000;
    display: block;
    box-sizing: border-box;
}

section.spreadsheet {
    background: grey;
    display: flex;
    flex-direction: row;
}

section.spreadsheet div {
    background: lightblue;
    display: inline-block;
    margin: auto;
    margin-top: 0%;
    width: auto;
    text-align: center;
}
section.spreadsheet div.first-col {
    text-align: right;
}

section.controls div {
    background:yellow;
    font-size: smaller;
}

section.controls div label {
    background:rgb(94, 245, 94);
    display: inline-block;
    width: 20%;
    font-size: 0.8em;
    text-align: right;
}

section.controls div input {
    background:lightsalmon;
    display: inline-block;
    width: 60%;
}

footer {
    background: white;
}