:root {
	--base: #191724;
	--surface: #1f1d2e;
	--overlay: #26233a;
	--muted: #6e6a86;
	--subtle: #908caa;
	--text: #e0def4;
	--love: #eb6f92;
	--gold: #f6c177;
	--rose: #ebbcba;
	--pine: #31748f;
	--foam: #9ccfd8;
	--iris: #c4a7e7;
	--highlight-low: #21202e;
	--highlight-med: #403d52;
	--highlight-high: #524f67;
}

@font-face {
	font-family: "Jost";
	src: url("Jost-400.otf") format("opentype");
	font-weight: inherit;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: Jost, Arial, sans-serif;
	background: var(--surface);
	color: var(--text);
}

main {
	max-width: 800px;
	margin: auto;
}

img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

code {
	text-wrap: wrap;
}

a:link {
	color: var(--pine);
}

a:visited {
	color: #21646f;
}

a:hover {
	color: #5194af;
}

a,hi {
	text-decoration: none;
}

li {
	margin-bottom: 0.5em;
}

li li {
	margin-bottom: 0em;
}

header {
	background: var(--overlay);
	display: flex;
	align-items: center;
	align-content: stretch;
}

header h1 {
	text-align: left;
	padding-left: 13px;
	align: center;
	margin: 0px 0px;
	white-space: nowrap;
}

h1,h2,h3,h4,h5,h6 {
	/* Fixes font width looking ugly */
	font-weight: inherit;
	color: var(--rose);
}

header div {
	border-style: dotted none dotted none;
	border-width: 4px;
	border-color: var(--rose);
	content: '';
	display: block;
	height: 2px;
	width: 100%;
	margin: 0px 3px 0px 6px;
}

header img {
	max-height: 40px;
	padding: 5px;
}

footer {
	text-align: center;
	clear: both;
}

/* For TAGLIST.HTML */
.taglist {
	text-align: center;
	clear: both;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left;
	text-align: left;
}
#nextart {
	float: right;
	text-align: right;
}
#nextart,#prevart {
	max-width: 33%;
}