@charset "UTF-8";
#chess .coordinate {
  border: 1px solid black;
  height: 50px;
  font-size: 45px;
  line-height: 45px;
  vertical-align: middle;
  margin-bottom: 3px; }

#chess .coordinate:after {
  content: ""; }

#chess .row:nth-child(even) .coordinate:nth-child(even), #chess .row:nth-child(odd) .coordinate:nth-child(odd) {
  background-color: #18bc9c; }

#chess .centered {
  text-align: center; }

#chess .centered > div {
  float: none;
  display: inline-block; }

#chess .row-label {
  font-size: 65px; }

#chess .ingame-message {
  font-weight: bold; }

#chess .white-king-piece:after {
  content: "♔"; }

#chess .white-king-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .white-queen-piece:after {
  content: "♕"; }

#chess .white-queen-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .white-knight-piece:after {
  content: "♘"; }

#chess .white-knight-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .white-bishop-piece:after {
  content: "♗"; }

#chess .white-bishop-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .white-rook-piece:after {
  content: "♖"; }

#chess .white-rook-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .white-pawn-piece:after {
  content: "♙"; }

#chess .white-pawn-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .black-king-piece:after {
  content: "♚"; }

#chess .black-king-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .black-queen-piece:after {
  content: "♛"; }

#chess .black-queen-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .black-knight-piece:after {
  content: "♞"; }

#chess .black-knight-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .black-bishop-piece:after {
  content: "♝"; }

#chess .black-bishop-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .black-rook-piece:after {
  content: "♜"; }

#chess .black-rook-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }

#chess .black-pawn-piece:after {
  content: "♟"; }

#chess .black-pawn-piece:hover {
  cursor: pointer;
  transform: scale(1.05); }