div.gameboardRow, div.keyboardRow {
    display: flex;
    justify-content: center;
}

.key {
    height: 50px;
    width: 30px;
    margin: 5px 5px 5px 0px;
    background-color: #95c1d0;
    border-style: solid;
    cursor: pointer;
    user-select: none;
    
    text-align: center;
    line-height: 50px;
    font-size: 25px;
    font-family: "Lucida Console", monospace;
}

div.tile {
    height: 60px;
    width: 60px;
    margin: 5px 5px 5px 0px;
    background-color: LightGray;
    border-style: solid;
    
    text-align: center;
    line-height: 60px;
    font-size: 45px;
    font-family: "Lucida Console", monospace;
    /*
    More Fonts Here
    https://www.w3schools.com/css/css_font.asp
    */
}

.key:hover {
    background-color: #2d8eae;
}

.enter-key {
    margin-right: 5px;
}

#keyboardBorder, .keyboardRow, .key, .enter-key, .delete-key{
    touch-action: none;
}