/* Begin */

:root {
	--bg: #100F0F;
	--bg-2: #1C1B1A;
	--ui: #282726;
	--tx: #CECDC3;
	--tx-2: #878580;
	--cy: #3AA99F;
}

html {
	color: var(--tx);
	background-color: #100F0F;
	font-family: sans-serif;
}

body {
	padding-inline: 3rem;
	font-size: 1rem;
}

h1 {
	margin: 0;
	padding-bottom: 0.2rem;
}

hr {
	border-block: 1px solid var(--tx-2);
	margin-block: 0.5rem;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: var(--cy) !important;
}

pre {
	font-family: monospace;
	white-space: pre-wrap;
}

#blob .line {
	color: var(--tx-2);
}

#content p {
	margin-left: 1rem;
}

#content table tbody {
	font-family: monospace;
}

#content table tr td {
	padding-inline: 0.5rem;
	padding-block: 0.1rem;
}

#content table tr:hover td {
	background-color: var(--ui);
}

.desc {
	color: var(--tx-2);
}

/* Properly scale logo with hardcoded width */
img {
	scale: 2;
	margin: 24px;
}