.TicTacToe {
	background-color: #3B3E49;
	color: #B9B8D6;
}

.TicTacToeGrid {
	display: grid;
	width: 50vh;
	height: 50vh;
	grid-template-columns: auto auto auto;
}

.TicTacToeCell {
	min-width: 33.33%;
	min-height: 33.33%;
	background-color: #4d4f5d;
	text-align: center;
	position: relative;
}

.TicTacToeCell:hover {
	opacity: 0.9;
}

.TicTacToeCell > p {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.CellRed {
	color: #D6B8B8;
}

.CellBlue {
	color: #B8C7D6;
}