:root {
	--cursor-normal: url('/webgoodies/cursors/nat986.cur');
	--cursor-pointer: url('');
}

html {
	cursor: var(--cursor-normal), auto;
	min-height: 100vh;
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 12pt;
	max-width: 80ch;
	margin: auto;
}

pre#header {
	font-size: 0.7em;
}

#navbar {
	width: 100%;
	display: flex;
}

#navbar > * {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .2em;
}

#navbar > label, #navbar > a {
	cursor: pointer;
}

#navbar *:first-child {
	padding-left: .4em;
}

#navbar *:last-child {
	padding-right: .4em;
}

#navbar label:hover {
	color: var(--fg);
	background-color: var(--bg);
}

img {
	display: inline-block;
}

.filler {
	display: inline-block;
	flex-grow: 1;
}

#footer {
}

#footer p {
	text-align: center;
	margin-top: 0;
}