* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
	--bg: #222;
	--bg-1: #2d2c2d;
	--bg-highlight: #363537;
	--bg-border: #555;

	--fg: #ddd;

	--brand: #34c7f5;

	--color-scheme: dark;
}
body {
	background: var(--bg);
	color: var(--fg);
	color-scheme: var(--color-scheme);
	font-family: Cantarell;
}
a {
	color: inherit;
}
:root{--layout-header-h:4em;--layout-content-h:calc(100vh - var(--layout-header-h))}nav.svelte-lklv84.svelte-lklv84{background-color:var(--bg-1);padding:1em;display:flex;align-items:center;gap:1em}nav.svelte-lklv84 a.svelte-lklv84{text-decoration:none;padding:0 0.5em;border-radius:999px;border:1px solid transparent}nav.svelte-lklv84 a.svelte-lklv84:hover{border-color:var(--bg-border)}nav.svelte-lklv84 a.svelte-lklv84:active{background:var(--bg-highlight)}nav.svelte-lklv84 h1.svelte-lklv84{text-transform:uppercase;color:var(--brand)}