body {
	background: var(--main-bg);
	color: var(--main-clr);
}

.boxes {
	margin: auto;
	max-width: 700px;
}
.boxes form {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.boxes form > * {
	grid-column: span 2;
}
.boxes form > input[type=submit] {
	grid-column: 2/4;
}
.boxes form h3 {
	grid-column: span 2;
	text-align: center;
}
.boxes form label {
	text-align: right;
}
.boxes form label,
.boxes form input,
.boxes form .form-item {
	padding: 5px;
}