body {
	margin: 0;
	overflow: hidden;
	display: flex;
	/*flex-direction: column;*/
	justify-content: center;
	width: 100vw;
}
#container {
	cursor: cell;
	display: flex;
	background: linear-gradient(to bottom right, red, orange, yellow, green, blue);
	user-select: none;
	position: absolute;
	top: 180px;
	border: 1px solid #000;
	/*right: 0;*/
}
.row {
	flex-direction: column;
}
.square {
	position: relative;
	background-color: #fff;
	width: .75vw;
	height: .75vw;
	border: 1px solid #00000000;
}
.grid .square {
	border: 1px dotted #000;
}
.square:hover {
	background: transparent;
}
.painted {
	background-color: #000;
}
.buttons {
	position: fixed;
	z-index: 3;
	top: 130px;
	left: 10px;
}
/*button {*/
/*	width: max-content;*/
/*	height: 20px;*/
/*}*/