body {
	-webkit-text-size-adjust: none;
	display: flex;
	background-color: white;
	color: black;
	font-size: 14px;
	font-family: sans-serif;
	padding: 0;
	line-height: 1.4;
}

.noframe #items {
	max-width: 50em;
	margin-left: 20em;
	padding: 0 2em;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.noframe #sidebar {
	width: 20em;
	order: -1;
	position: fixed;
	height: 100vh;
	overflow-y: scroll;
}

pre {
	font-family: sans-serif;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 2em;
}

#sidebar ul li {
	margin: 0.5em 0;
}

@media only screen and (max-width: 667px) {
	.noframe #sidebar {
		display: none;
	}
	.noframe #items {
		margin-left: 0;
	}
}

@media (prefers-color-scheme: dark) {
	body { background-color: #1E1F21; color: #EEEFF1; }
	a { color: #BAD7FF; }
	a:visited { color: #D099FF; }
}