.container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin-top: 1em;
	margin-bottom: 3em;
}

.container div {
	text-align: center;
	border-radius: 2em;
	padding: 8px;
	background: #00976a;
	border: 5px solid black;
	transition: background 0.5s;
}

.container div:hover {
	background: #40c7aa;
}


h3 {
	color: black;
}

@media (max-width: 768px) {
	.container {
		grid-template-columns: 1fr;
	}
}

@media (hover: none), (pointer: coarse) {
	.container {
		grid-template-columns: 1fr;
	}
}