#difficulty button {
	width: 150px;
	height: 40px;
	font-size: 30px;
}

#display {
	font-size: 30px;
}

.row {
	display: flex;
	text-align: center;
}

.cell {
	border: 1px solid black;
	font-size: 24px;
	font-weight: bold;
	align-items: center;
	user-select: none;
	width: 30px;
	height: 30px;
	padding: 0px;
}

.cell:hover {
	border: 3px solid black;
	width: 26px;
	height: 26px;
}

.cell.clicked {
	background-color: rgb(207, 207, 207);
}

.cell.flagged:after {
	content: "🚩";
}

.cell.mine:after {
	content: "💣";
}

.cell.one:after {
	color: blue;
	content: "1"
}

.cell.two:after {
	color: green;
	content: "2"
}

.cell.three:after {
	color: red;
	content: "3"
}

.cell.four:after {
	color: darkblue;
	content: "4"
}

.cell.five:after {
	color: brown;
	content: "5"
}

.cell.six:after {
	color: magenta;
	content: "6"
}

.cell.seven:after {
	color: orange;
	content: "7"
}

.cell.eight:after {
	color: black;
	content: "8"
}