.keyboardContainer {
    font-size: 12px;
    display: flex;
    background-color: rgba(0, 0, 0, 0.1);
    justify-content: center;
    width: 1050px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.simple-keyboard.hg-theme-default {
    display: inline-block;
}

.simple-keyboard-main.simple-keyboard {
    min-width: 660px;
    background: none;
}

.simple-keyboard-main.simple-keyboard .hg-row:first-child {
    margin-bottom: 10px;
}

.simple-keyboard-arrows.simple-keyboard {
    align-self: flex-end;
    background: none;
}

.simple-keyboard .hg-button.emptySpace {
    pointer-events: none;
    background: none;
    border: none;
    box-shadow: none;
}

.simple-keyboard-arrows .hg-row {
    justify-content: center;
}

.simple-keyboard-arrows .hg-button {
    width: 50px;
    flex-grow: 0;
    justify-content: center;
    display: flex;
    align-items: center;
}

.controlArrows {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: column;
}

.simple-keyboard-control.simple-keyboard {
    background: none;
}

.simple-keyboard-control.simple-keyboard .hg-row:first-child {
    margin-bottom: 10px;
}

.simple-keyboard-control .hg-button {
    width: 50px;
    flex-grow: 0;
    justify-content: center;
    display: flex;
    align-items: center;
}

.numPad {
    display: flex;
    align-items: flex-end;
}

.simple-keyboard-numpad.simple-keyboard {
    background: none;
}

.simple-keyboard-numpad.simple-keyboard {
    width: 160px;
}

.simple-keyboard-numpad.simple-keyboard .hg-button {
    width: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.simple-keyboard-numpadEnd.simple-keyboard {
    width: 50px;
    background: none;
    margin: 0;
    padding: 5px 5px 5px 0;
}

.simple-keyboard-numpadEnd.simple-keyboard .hg-button {
    align-items: center;
    justify-content: center;
    display: flex;
}

.simple-keyboard-numpadEnd .hg-button.hg-standardBtn.hg-button-plus {
    height: 85px;
}

.simple-keyboard-numpadEnd.simple-keyboard .hg-button.hg-button-enter {
    height: 85px;
}

.hg-button.hg-functionBtn.hg-button-space {
    width: 325px;
}

.hg-button-contextmenu {
    width: 40px;
}

.key-active {
    background-color: #4caf50 !important;
    color: white;
}

.key-pressed {
    background-color: #333 !important;
    color: white;
}

.hg-standardBtn, .hg-button-backquote, .hg-button-minus, .hg-button-equal, .hg-button-bracketleft, .hg-button-bracketright, .hg-button-backslash, .hg-button-comma, .hg-button-period, .hg-button-slash, .hg-button-semicolon, .hg-button-quote {
    flex-basis: 40px;
    flex-grow: 0 !important;
}

.hg-button-capslock {
    width: 65px;
}

#keyboardLogArea {
    display: block;
    border: 1px solid #aaa;
    border-radius: 5px;
}