.flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

.grid {
	display: grid;
	justify-content: center;
	align-items: center;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	height: 100%;
}

.grid-3 {
	display: grid;
	justify-content: center;
	align-items: center;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	height: 100%;
}

.text-center {
	text-align: center;
}

.mx-auto {
	margin: auto;
}

/* Spacing */

.vertical-spacer {
	flex-grow: 1;
}

.my-1 {
	margin: 1rem 0;
}

.my-2 {
	margin: 1.5rem 0;
}

.my-3 {
	margin: 2rem 0;
}

.my-4 {
	margin: 3rem 0;
}

.my-5 {
	margin: 4rem 0;
}