/* starsinthesky.ca - ISC licensed */
:root {
	background: linear-gradient(#272737, #111111 960px);
	min-height: 100vh;
	min-height: 100lvh;
	padding: 8px;
}

body {
	max-width: 960px;
	margin: auto;

	padding: 8px;
	margin-block: 16px;

	border: 2px solid CanvasText;
	border-radius: 8px;

	background: var(--body-background);
	color: var(--text-color);

	font-family: sans-serif;
}

@media (prefers-color-scheme: light) {
	:root {
		--body-background: #ddd;
		--text-color: #000;
	}
}

@media (prefers-color-scheme: dark) {
	:root {
		--body-background: #333;
		--text-color: #eee;
	}
}

nav {
	padding-bottom: 8px;
	border-bottom: 1px solid #7777;

	display: flex;
	flex-direction: column;

	& > [data-purpose="language options"] {
		align-self: flex-end;
	}

	& > [data-purpose="navigation"] {
		font-size: 150%;

		& > #homepage-link:not(:hover) {
			text-decoration: none;
		}
	}

	& a, & a:visited {
		color: CanvasText;
	}
}