html {
	font-family: sans-serif;
	--container-width: 75rem;
	--pad-x: 1rem;
	@media (min-width: 30rem) {
		--pad-x: 2rem;
	}
}
body {
	min-height: 100vh;
	display: flex;
	flex-flow: column;
}
main {
	flex-grow: 1;
}
.section {
	padding-inline: var(--pad-x, 1rem);
	padding-block: var(--pad-y, 0rem);
}
.container {
	max-width: var(--container-width, 60rem);
	margin: 0 auto;
}