This is a fixed size, not yet dynamic (and also not yet centered) but
it's something at least.
color: black;
border: 1px solid #999;
float: left;
- font-size: 24px;
+ font-size: 64px;
font-weight: bold;
- line-height: 34px;
- height: 34px;
+ line-height: 90px;
+ width: 90px;
+ height: 90px;
margin-right: -1px;
margin-top: -1px;
padding: 0;
text-align: center;
- width: 34px;
+ border-radius: 4px;
+}
+
+.square:hover {
+ background-color: var(--accent-color-bright);
}
.square:focus {