:root {
	--bg: #eae1b4;
	--fg: #000;
	--bc: #000;
	--r: #e00;
	--g: #070;

	--h: #7058A3;

	--link: #4492f4;
	--bghl: #ece3a6;
}

@media (prefers-color-scheme: dark) {
	:root {
		--bg: #000;
		--fg: #dfd28e;
		--bc: #444;
		--r: #c35f60;
		--g: #68b168;

		--h: #7058A3;

		--link: #4492f4;
		--bghl: #161616;
	}
}

body {
	background: var(--bg);
	color: var(--fg);
	font-family: sans-serif;
	max-width: 850px;
	margin: auto;
}

hr { color: var(--fg); }

a {
	color: var(--link);
	font-weight: bold;
	text-decoration: none;
}

img {
	vertical-align: middle;
	max-width: 100%;
	border-radius: 3%;
}

.flex-img {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.inline {
	display: inline;
	margin: 0;
	color: var(--fg);
}

table {
	border-collapse: collapse;
	border: 2px solid var(--bc);
	margin-left: auto;
	margin-right: auto;
}

th { font-weight: normal; }
th, td {
	border: 3px solid var(--bc);
	padding: 0.3em;
}

.listing table thead td { font-weight: bold; }
.listing table, .listing td { border: none; }
.listing tr td:nth-child(1) { padding-right: 8em; }

figcaption {
	padding-top: 8px;
	line-height: 1.3em;
}

nav { margin-top: 0.5rem; }

h1, h2, h3, h4 {
	font-family: serif;
	margin-top: 0;
	margin-bottom: 0.5rem;
	line-height: 1.2;
}
h1, h2, h3 {
	text-align: center;
	/* color: var(--h); */
}
h1 { font-size: 2.7em; }
h2 { font-size: xx-large;}
h3 { font-size: x-large; }
h4 { font-size: large; }
h5 {
	font-weight: bold;
	margin: 0;
	font-size: inherit;
}

.crypto code { color: var(--g);	font-size: x-small; }
div.crypto {
	max-width: -moz-available;
	max-width: -webkit-fill-available;
	overflow: auto;
}

.anchor svg {
	margin-left: 8px;
	visibility: hidden;
}
.anchor:hover svg { visibility: visible; }

ul { margin-top: 0; }

footer {
	margin-top: auto;
	text-align: center;
	clear: both;
}

/* code highlighting */
code { font-family: monospace; }
pre {
	border-radius: 10px;
	border: 3px solid var(--bc);
	overflow: auto;
	padding: 1em;
}

.hlight .cm { font-style: italic; }
.hlight .kt, .hlight .kw { font-weight: bold; }
.hlight .op {
	color: #a274f2;
	font-weight: bold;
}
.hlight .ln {
	-webkit-user-select: none;
	margin-right: 0.4em;
	padding: 0 0.4em 0 0.4em;
	user-select: none;
	white-space: pre;
}

/* stagit */
.git #content { font-family: monospace; }
.git table {
	font-family: monospace;
	border: none;
	margin: 0;
}

.git th, .git td { border: none; }
.git table thead td { font-weight: bold; }
.git table td { padding: 0 0.4em; }
.git pre { border: none; }

.git #content table td {
	vertical-align: top;
	white-space: nowrap;
}

.git #index tr td:nth-child(2),
.git #tags tr td:nth-child(3),
.git #branches tr td:nth-child(3),
.git #log tr td:nth-child(2) {
	white-space: normal;
}
.git #files tr td:nth-child(2) {
	overflow: hidden;
	max-width: 650px;
}

#blob a { color: #555; }
#blob a:hover {
	color: var(--link);
	text-decoration: none;
}

.git #branches tr:hover td,
.git #tags tr:hover td,
.git #index tr:hover td,
.git #log tr:hover td,
.git #files tr:hover td {
	background-color: var(--bghl);
}

.git a:target { background-color: var(--bghl); }

.git a.d,
.git a.h,
.git a.i,
.git a.line {
	text-decoration: none;
}

.git .A,
.git span.i,
.git pre a.i {
	color: var(--g);
}

.git .D,
.git span.d,
.git pre a.d {
	color: var(--r);
}

.git pre a.h:hover,
.git pre a.i:hover,
.git pre a.d:hover {
	text-decoration: none;
}