.buttons {
    display: flex;
    align-items: center;
}

#resign {
    align-items: right;
}

.chess-board {
    border-spacing: 0;
    border-collapse: collapse;
}

.chess-board th {
    padding: .5em;
}

.chess-board th + th {
    border-bottom: 1px solid #000;
}

.chess-board td:first-child {
    border-left: 1px solid #000;
}

.chess-board th:first-child,
.chess-board td:last-child {
    border-right: 1px solid #000;
}

.chess-board tr:first-child td {
    border-top: 1px solid #000;
}

.chess-board tr:last-child td {
    border-bottom: 1px solid #000;;
}

.chess-board th:empty {
    border: none;
}

.chess-board td {
    font-family: "Times New Roman", Times, serif;
    padding-top: 6.25%;
    padding-bottom: 6.25%;
    width: 2em;
    text-align: center;
    font-size: 48px;
    line-height: 0;
    user-select: none;
}

.chess-board .light {
    background: #eee;
}

.chess-board .dark {
    background: #aaa;
}