@font-face {
	font-family: Argon;
	font-display: swap;
	src: url("/argon-custom.woff2") format("woff2");
}

:root {
	--text: #fff;
	--dim: #979797;
	--background: #1d1d1e;
	--keyword: #5fb4ff;
	--value: #ffe270;
	--special: #c993ff;
	--ui: var(--dim);
}
html, body { width: 100%; height: 100vh; margin: 0; }
body { font: 1rem / 1.5 "Argon", monospace; }
body, dialog { color: var(--text); background: var(--background); }
::selection {
	color: var(--background); background: var(--keyword);
	/* Safari forces opacity into the selection background color if it is
	completely opaque, so we add a slight opacity ourselves to avoid that. */
	background: rgb(from var(--keyword) r g b / 99%);
}
main {
	display: flex; min-height: 100%;
	flex-flow: column; align-items: center; justify-content: center;
	h1 {
		font-weight: normal; font-size: 1rem;
	}
	p {
		color: var(--dim);
	}
}