div.stretchy-wrapper {
	width: 100%; 
	max-width: 400px; 
	margin: auto; 
	margin-bottom: 10px; 
	aspect-ratio: 1 / 1;
	position: relative;
/*	border: 2px solid red;*/
	font-size: small; 

/*	background-color: blue;*/
}

div.stretchy-wrapper > div {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;

	color: white;
	font-size: 24px;
	text-align: center;
}

td.board {
	text-align: center;
}

.darkSquare {
	background-color: #B5876B;
}

.lightSquare {
	background-color: #F0DEC7;
}

.redHighlightedSquare {
	background-color: #FF3333;
}