#keyboardInputDisplay{
    border-spacing: 3px;
}

#keyboardInputDisplay td{
    height: 50px;
    width: 50px;
    border-style: solid;
    border-color: #00000000;
    border-width: 3px;
    border-radius: 10px;
    padding: 0px;
    font-size: 30px;
}

#keyboardInputDisplay td.keyButton{
    border-color: black;
    background-color: white;
    color: black;
    text-align: center;

    transition-duration: 0.15s;
    transition-property: color, border-color, background-color;
}

#keyboardInputDisplay td.keyButton.click, 
#keyboardInputDisplay td.keyButton:active{
    border-color: white;
    background-color: red;
    color: white;
}

@media(max-height: 700px){
    #keyboardInputDisplay{
        opacity: 50%;
    }
}