style.css

* {
    font-family: 'Anton';
}

img#logo {
    width: 7rem;
    filter: invert(1);
    padding-bottom: 10px;
}
.conjugation, .footer-text {
    font-family: 'Ubuntu';
    white-space: pre-line
}

.counter {
    font-family: 'Ubuntu';
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    top: 0;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    color: black;
}

.counter > div {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 1%;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.counter > * , .counter > * > *, .counter > * > * > * {
    font-family: 'Ubuntu';
}

.middle {
    align-content: center;
    justify-content: center;
}

.no_answer {
    background-color: #b6b6f2;
}

.correct {
    background-color: #36ae36;
    color: white;
}

.wrong {
    background-color: #ff4c4c;
    color: white
}

.end {
    background-color: #b6b6f2!important;
    color: black!important;
}