* {
	box-sizing: border-box;
}
html, body {
	height: 100%;
	margin: 0;
	background-color: black;
}
.crossword-container {
	width: 100%;
	height: 100%;
	position: relative;
}
#crossword-grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.separator {
	stroke: #888;
	stroke-width: 0.03;
}
.cell {
	fill: #ccc;
	stroke: #888;
	stroke-width: 0.02;
}
.cell.dark {
	fill: #eee;
}
.cell.active {
	fill: #27ae60;
}
.pick {
	cursor: pointer;
	font-size: 0.08em;
	text-anchor: middle;
	dominant-baseline: central;
	fill: #555;
}

#definition {
	color: black;
	padding: .5em;
	background-color: #27ae60;
	border-radius: .1em;
	position: absolute; 
	left: 0; 
	right: 0; 
	margin-inline: auto; 
	width: fit-content;
    top: 50%;
    transform: translateY(-50%);
	display: none;
}