.noUnderline {
    text-decoration: none;
}

#resetButton {
    background: none;
}

    #resetButton:hover, #resetButton:focus {
        color: var(--blue);
    }

button[color] {
    color: white;
    padding: 1rem;
    margin: .5rem;
    border-radius: .25rem;
    font-weight: bold;
}

button[color=blue] {
    background-color: var(--blue);
}

button[color=green] {
    background-color: green;
}

button[color=orange] {
    background-color: orange;
}

button[color=red] {
    background-color: red;
}

button[color=purple] {
    background-color: purple;
}

button[color]:disabled {
    background-color: grey;
}

.error {
    border-color: red;
}

.center {
    margin-left: auto;
    margin-right: auto;
}