body { color: #000; background-image: radial-gradient(#fff 75%, #eee); background-attachment: fixed; margin: 24px; font: 15px/1.5 Sans-serif; }

a { color: #000; } a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: underline; }

p, h1, h2 { margin: 0; margin-bottom: 12px; }
h1 { font-size: 36px; } h2 { font-size: 18px; }

body { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; gap: 24px; }
#content { max-width: 480px; margin-top: 24px; }
#side { width: 320px; }
#more { max-height: 220px; overflow: scroll; padding-top: 12px; margin-bottom: 24px; border-top: dashed 0.5px; border-bottom: dashed 0.5px; }

@media (prefers-color-scheme: dark) {
	body { color: #fff; background-image: radial-gradient(#111 75%, #000); } a { color: #fff; }
}

@media (max-width: 872px) {
	body { flex-direction: column; }
}