body {
	background: black;
	color: #ffffff;
	font-size: 90%;
	font-family: 'Hack'
}

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

img {
	max-width: 100%;
}

header h1 {
	font-size: 200%;
	text-align: center;
	color: #ff8800;
}

h1 {
	line-height: 0.8;
	font-size: 140%;
	color: #ff4400;
}

.pagetitle {
	font-size: 140%;
	line-height: 0.8;
}

h2 {
	line-height: 0.5;
	font-size: 120%;
	line-height: 0.8;
	color: #ff8800;
}

h3 {
	line-height: 0.2;
	font-size: 100%;
}

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

a {
	color: #008800;
	cursor: pointer;
	font-style: italic;
}

a:hover {
	color: white;
}

p > code,
li > code,
dd > code,
td > code {
	background: #000;
	color: #00ff00;
	box-decoration-break: clone;
	padding: .3rem .3rem .3rem;
	border-radius: .4rem;
}

nav {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: sticky;
	padding: 0px 20px 0px 0px;
	background-color: #222 ;
}

.nav-list {
	display: flex;
	list-style: none;
}

.nav-list li {
	margin-right: 20px;
}

.nav-list li:last-child {
	margin-right: 0;
}

.rightNav {
	display: flex;
	list-style: none;
}

.rss-button img {
	max-height: 1.5em;
	margin-right: 20px;
	cursor: pointer;
}

.rss-button img:hover {
	opacity: 0.7;
}

/* 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%;
}