.onScreenKeyboard {
    width: 100%;
    height: 12rem;
    position: fixed;
    left: 0;
    bottom: 0;
    display: none;
    padding-bottom: 1.5rem;
    z-index: 1;
    background-color: whitesmoke;
}

.show-keyboard {
    display: block;
}

.keyboardRow {
    height: 25%;
    margin: 0;
}

.keyboardButton {
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-size: 1.5rem;
    color: coral;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: gray;
    display: flex;
    justify-content: center;
    align-items: center;
}

.keyboardButtonMiddle {
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
}

.keyboardButton:active {
    background-color: gainsboro;
    color: coral;
}

#deleteImage {
    height: 28px;
    z-index: 1;
}

#enterImage {
    height: 28px;
    z-index: 1;
}