doomsday/src/main/css/main.css

:root {
    --error-color: red;
    --success-color: green;
}


.row .column.quiz-button-column {
    display: flex;
    align-items: flex-end;
}

.row .column.quiz-button-column .quiz-button {
    margin-bottom: 15px;
}

label, summary b {
    cursor: pointer;
}

#day-title-label {
    margin-left: 17px;
}


.success-message {
    color: var(--success-color);
}

.error-message {
    color: var(--error-color);
}

.success-box {
    background-color: var(--success-color);
    border-color: var(--success-color);
}

.error-box {
    background-color: var(--error-color);
    border-color: var(--error-color);
}

input[data-entered=true]:valid {
    border-color: var(--success-color);
    color: var(--success-color);
}

input[data-entered=true]:invalid {
    border-color: var(--error-color);
    color: var(--error-color);
}