html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

div#header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: aliceblue;
    overflow: hidden;
    flex-grow: 0;
    flex-shrink: 0;
}

div#header .titlebox {
    flex-grow: 1;
}

div#header .menu {
    flex-grow: 0;
    flex-shrink: 0;
}

div#header h1 {
    margin: 0px;
}

div#content {
    display: block;
    width: 100%;
    padding: 5px;
    flex-grow: 1;
}

div#footer {
    display: block;
    width: 100%;
    background-color: aliceblue;
    flex-grow: 0;
    flex-shrink: 0;
}

img {
    width: 100%;
}

.columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

span.undecided {
    color: grey;
}

span.decided {
    color: green;
}

.formcontainer {
    display: flex;
    justify-items: stretch;
    align-items: stretch;
    height: 3em;
}

.goodoption {
    background-color: lightblue;
    flex-grow: 1;
}

.badoption {
    background-color: pink;
    flex-grow: 1;
}

table.vheader th {
    writing-mode: vertical-rl;
}