body {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	margin: 1em;
	padding: 0.5em;
	background-color: hsl(210, 6%, 4%);
	color: hsl(210, 1%, 95%);
	line-height: 1.2em;
}

h1 {
	line-height: 1em;
}

#gondal {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}

a {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	background: none !important;
	border: none;
	color: hsl(210, 69%, 56%);
	text-decoration: underline;
	cursor: pointer;
}

button {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	background: none !important;
	border: none;
	color: hsl(210, 14%, 55%);
	text-decoration: underline;
	cursor: pointer;
}

hr {
    width: 95%;
    border: 1px solid darkgray;
	margin: 2em;
}

img {
	padding-left: 1em;
}

.small-note {
	text-indent: 2em;
	font-size: small;
}

.centered {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}

.nonselectable {
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

q {
	font-family: 'Times New Roman', Times, serif;
	font-style: italic;
}

code {
	background-color: hsl(240, 2%, 17%);
	border: 3px solid hsl(240, 2%, 17%);
}

code.code-block {
	width: 100%;
	display: inline-block;
	background-color: hsl(240, 2%, 8%);
	border: 3px solid hsl(240, 2%, 8%);
	padding: 0.5em;
	tab-size: 4;
}

.code-block .string {
	color: oklch(61.87% 0.1477 25.1);
}

.code-block .function {
	color: oklch(85.79% 0.15 84.64);
}

.code-block .comment {
	color: oklch(61.87% 0.1477 141.54);
}

.code-block .keyword {
	color: oklch(65.43% 0.129 241.96);
}

.code-block .control-flow {
	color: oklch(67.8% 0.1158 314.6);
}

.code-block .variable {
	color: oklch(82.94% 0.0719 239.82);
}

.code-block .constant {
	color: oklch(69.88% 0.1338 227);
}