#typein {font-style: italic;}

table.keys {
    border-collapse: collapse;
    border: 1px solid gray;
    margin: 2em auto;
    background: #222; 
    overflow: auto;
}
.keys td {
    padding: 3px 6px;
    border: 1px solid gray;
    text-align: left;
    font-weight: bold;
    font-size: 1.1em;
    vertical-align: top;
}
td:first-child {
    text-align: center;
}
.keys .keyman {
   text-align: left;
}
.seq {font-style: italic;
    font-size: 0.9em;
    color: #888;
    padding: 0 4px 0 2px;
}
.orshift {
    padding-left: 4px;
}
.orshift::before {content: " or SHIFT + "
}

.endshift::before {content: ""
}

.orshift, .endshift {
    font-size: 0.9em;
    color: #888;
    
}
.seq::before {content: " and then "}