.container { margin: -50px auto; }
.info { padding-bottom: 40px; }

.timer { font-size: 2em; float: left; }
.count { font-size: 2em; float: right; }

.good { color: var(--bs-success); }
.warning { color: var(--bs-warning); }
.bad { color: var(--bs-danger); }
.yellow { color: var(--bs-yellow); }

.options > .grid {
    justify-content: center;
    grid-row-gap: 10px;
}

.options > .grid > .grid {
    grid-template-columns: 1fr 1fr;
}

.options > .grid > .grid label {
    text-align: right;
    padding-right: 10px;
}

.problem { font-size: 5em; }