:root, body {
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

:root {
	--gap: 2em;

	color-scheme: light dark;
	--fg: light-dark(#111, #eee);
	--bg: light-dark(#002078, #000c47);
	--bg-panel: light-dark(#b3c0db, #000120);
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: var(--gap);
	padding-block: var(--gap);

	color: var(--fg);
	background-color: var(--bg);
}

main {
	max-width: 400px;
	padding: var(--gap);
	background-color: var(--bg-panel);
}

main > :first-child {
	margin-block-start: 0;
}
main > :last-child {
	margin-block-end: 0;
}