html,
body {
	height: 100%;
}

body {
	min-height: 100%;
	width: 100%;
	margin: 0;

	display: grid;
	grid-template-rows: auto 1fr auto;

	display: flex;
	flex-direction: column;
	align-items: center;
	/* gap: 1em; */
}

body > main
{
	flex: 1;
}

header
{
	width: 100%;
}

footer {
	width: 100%;
	margin-top: auto;
}

header > div,
footer > div
{
	width: 100%;
	max-width: 1000px;
}