html,
body,
.training {
    height: 100%;
}

.training {
    display: flex;
    align-items: center;
}

.wait-for-user,
.current-combo {
    font-size: 80pt;
    margin: auto;
    text-align: center;
}

.form-input {
    display: block;
    font-size: 25pt;
    padding: 20pt;
}
.form-input input {
    font-size: 20pt;
    width: 40pt;
    text-align: center;
    padding: 5pt;
}

.btn {
    background: white;
    border: black solid;
    border-radius: 5px;
    padding: 20pt;
    font-size: 45pt;
}

@media all and (max-width: 500px) {
    .wait-for-user,
    .current-combo {
        font-size: 30pt;
    }

    .form-input {
        font-size: 20pt;
    }
    .form-input input {
        font-size: 17pt;
        padding: 3pt;
    }

    .btn {
        padding: 8pt;
        font-size: 15pt;
    }
}