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.open {
+ cursor: pointer;
+}
+
+.square.occupied {
+ cursor: default;
+}
+
+.square.open:hover {
+ background-color: var(--accent-color-bright);
}
.square:focus {