#keyboard-div {
    display: flex;
    width: 100%;
    flex-direction: column;
}

#keyboard-div > .keyboard-row {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 6px;
}

#keyboard-div > .keyboard-row > .keyboard-char {
    display: flex;
    background-color: #f8f8f2;
    color: #44475a;
    font-weight: bold;
    font-size: 2em;
    margin: 0 2px;
    padding: 5px;
    border-radius: 3px;
}

#keyboard-char-Enter,
#keyboard-char-\<\< {
    padding-top: 12px !important;
    font-size: 1em !important;
}

.keyboard-char.match-0 {
    background-color: #6272a4 !important;
}

.keyboard-char.match-1 {
    background-color: #50fa7b !important;
}

.keyboard-char.match-2 {
    background-color: #f1fa8c !important;
}
