body {
	height: 95vh;
	box-sizing: border-box;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgb(67, 104, 104);
}

.gridContainer {
	flex: 1;
	aspect-ratio: 1;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	border: 8px solid darkslategrey;
	border-radius: 6px;
}

.boxColumn {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
.boxRow {
	flex: 1;
	border: 2px solid rgb(196, 208, 219);
	background-color: rgb(234, 245, 255);
	transition: 0.2s;
}

.btn {
	height: 5vh;
	background-color: darkslategrey;
	color: white;
	border: 0;
}

.btn:hover {
	background-color: slategrey;
}

.tools {
	height: 40px;
	width: 60px;
	border: 4px solid darkslategrey;
}
