* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.label_span {
	margin: 0;
	height: 5vh;
}

.container {
  display: flex;
  height: 97vh;
}

.buttons {
	width: 25%;
	flex: 0 0 25%;
	background-color: #f1f1f1;
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* Arrange buttons in two equal columns */
	grid-template-rows: repeat(4, 1fr); /* Arrange buttons in three equal rows */
	gap: 10px; /* Add gap between buttons */
	padding: 10px; /* Add padding inside the buttons container */
}
  
button {
	padding: 10px;
	margin: 0;
}

canvas {
  flex: 1;
  background-color: #d3d3d3;
}