body {
    background-color: #111111;
    color: white;
    font-family: 'Tomorrow', sans-serif;
    margin: 1.5em;
    font-weight: 300;
    max-width: 90%;
}

h1, h2, h3 {
    color: #FF0033;
}
.section {
    font-weight: 500;
    font-size: 140%;
    color: #FF0033;
    line-height: 275%;
}
td {
    padding-top: 0.25em;
    padding-left: 0.25em;
    padding-bottom: 0.25em;
    padding-right: 2em;
}

.hero {
    max-width: 40em;
    font-size: 150%;
    margin: auto;
    text-align: center;
    padding-bottom: 3em;
}

.icon {
    width: 1em;
    height: 1em;
}
.gray {
    color: dimgray;
    font-size: 90%;
}
.center {
    margin: auto;
    text-align: center;
}
.oddRows {
    background-color: #222222;
}

.evenRows {

}
#logo {
    color:  #FF0033;
    font-size: 4rem;
    margin: 1em;
    padding: 0.1em;
    text-align: center;
    font-weight: 100;
}
input, button {
    font-size: 300%;
}
big {
    font-size: 200%;
}
#outputTable {
    margin: auto;
}
@media (prefers-color-scheme: light) {
    body {
        background-color: #eeeeee;
        color: #222222;
        font-weight: bold;
    }
    h1, h2, h3, #logo, .section {
        color: #2F1B7F;
    }
    .oddRows {
        background-color: #aaaaaa;
    }
}