-.keys .row0 {
- display: none; /* headerless */
-}
.keys td {
width: 1em;
min-width: auto;
height: 2.25ex;
font-size: 200%;
- font-size: calc(7.5vmin - 9px); /* fit 12 keys to page */
+ font-size: calc(7vmin - 4px); /* fit 12 keys to page */
overflow: visible;
position: relative;
padding: 0;
+ margin: 0 .2vw -1px;
+}
+
+/* row alignments */
+.keys tbody {
+ font-size: calc(1.4vmin); /* enlarged td conversion */
+}
+.row2 {margin-left: 7em}
+.row3 {margin-left: 8em}
+.row4 {margin-left: 10em}
+.keys .row0 {
+ display: none; /* headerless */
}
+
.keys td b {
position: absolute; /* overlay */
z-index: 1;
color: #FFF;
line-height: 2.25ex;
}
+.keys .meta td b,
.keys .shift td b {
display: none;
}