/* Piece styles */
* {
	box-sizing: border-box;
}

.piece {
	height: 40px;
	width: 40px;
	border-radius: 100%;
	border-width: 4px;
	margin: 0 auto;
	border-style: solid;
	border-color: black;
	color: gold;
	text-align: center;
}
.piece.red {
	background-color: red;
}
.piece.black {
	background-color: #333;
}

/* Cell styles */
.cell {
	height: 50px;
	width: 50px;
	border: 1px solid black;
	float: left;
}
.cell.red {
	background-color: maroon;
}
.cell.black {
	background-color: #111;
}
.cell.selected .piece {
	box-shadow: 0px 0px 7px 3px rgba(255,255,255,0.4);
}

.board {
	width: 400px;
	height: 400px;
}