ol, ul { padding-left: 30px; } .board-row:after { clear: both; content: ""; display: table; } .status { margin-bottom: 10px; } .square { background: #fff; color: black; border: 1px solid #999; float: left; font-size: 20px; font-weight: bold; line-height: 25px; width: 25px; height: 25px; margin-right: -1px; margin-top: -1px; padding: 0; text-align: center; border-radius: 4px; } .square.open { cursor: pointer; } .square.occupied { cursor: default; } .square.open:hover { background-color: var(--accent-color-bright); } .square:focus { outline: none; } .kbd-navigation .square:focus { background: #ddd; }