#gridContainer {
    display: grid;
    gap: 20px;
    grid-template-columns: 100px 100px 100px 100px;
    grid-template-areas:
        "A A B B"
        "A A D E"
        "C C C C";
}

#workView {
    grid-area: A;
}

#entry {
    grid-area: B;
    box-shadow: 14px 14px 14px gray;
}

#labelText {
    grid-area: D;
    font-size: small;
}

#submit_button {
    grid-area: E;
    float: right;
    height: 30px;
    width: 70px;
    box-shadow: 4px 4px 4px gray;
}

#alphabet {
    grid-area: C;
}

table {
    border: 1px solid blue;
}

tr {
    border: 1px solid blue;
}

td {
    min-width: 1em;
    max-width: 1em;
    text-align: center;
}

em {
    color: darkblue;
}

#legend td {
    color: black;
    background-color: lightgray;
}