page.css

@media (prefers-color-scheme: light) {
	html {
		background-color: #ccc;
	}
}
@media (prefers-color-scheme: dark) {
	html {
		background-color: #0e0e0e;
	}
}

body {
	font-size: 13px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
	             Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
	             "Segoe UI Symbol";
}

@media (prefers-color-scheme: light) {
	body {
		color: #0e0e0e;
	}
}
@media (prefers-color-scheme: dark) {
	body {
		color: #EEE;
	}
}

.barmsg, #main {
	max-width: 70ch;
	padding-left: 2em;
	padding-right: 2em;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 1px 5px 0px #0003;
	border-radius: 0.5em;
	margin-top: 1em;
}

.barmsg {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border: 1px solid transparent;
}

@media (prefers-color-scheme: light) {
	#firstinstall {
		background-color: #bbf7be;

	}
}
@media (prefers-color-scheme: dark) {
	#firstinstall {
		background-color: #3a4c3b;
		border-color: #749976;
	}
}

#update {
	background-color: #f5f7bb;
}

#main {
	padding-top: 1.618em; /* lmao */
	padding-bottom: 1.618em;
	margin-bottom: 1em;
}

@media (prefers-color-scheme: light) {
	#main {
		background-color: #f8f8f8;
	}
}
@media (prefers-color-scheme: dark) {
	#main {
		background-color: #282828;
	}
}

h1 {
	margin-top: 0;
	margin-bottom: 0.5em;
}
h2 {
	margin-top: 0.5em;
}

#tidstar {
	vertical-align: -0.08em;
}

small, dl {
	opacity: 0.7;
}

dl {
	font-size: smaller;
	display: table;
	margin: 0;
}
	dl > div {
		display: table-row;
	}
		dt, dd {
			display: table-cell;
		}
		dt {
			font-weight: bold;
			padding-right: 1ch;
		}

i > i {
	font-style: normal;
}