* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

@font-face {
	font-family: immortal;
	src: url('immortal.woff');
}

html {
	background: #000000 url('bg.png') no-repeat center center fixed;
	background-size: cover;
	font-size: 16px;
}

main, header, footer {
	display: block;
}

a {
	outline: 0;
	text-decoration: none;
	color: rgba(51,107,107,0.95);
	text-shadow: 0 0 0.25em rgba(101,153,153,0.5);
}
a:hover, a:focus, a:active {
	text-decoration: underline rgba(97,0,62,0.95);
	color: rgba(101,153,153,0.95);
	text-shadow: 0 0 0.5em rgba(101,153,153,0.95);
}

a img {
	border: 0.05em transparent solid;
}
a:hover img, a:focus img, a:active img {
	background-color: rgba(151,203,203,0.75);
	border-radius: 0.1em;
	border: 0.05em rgba(151,203,203,0.25) solid;
	box-shadow: 0 0 0.5em rgba(151,207,207,0.75);
	text-shadow: 0 0 0.5em rgba(151,207,207,0.75);
}

main {
	color: rgba(160,128,96,0.95);
	text-shadow: 0 0 0.1em rgba(160,128,96,0.95);
	font-family: Arial, sans-serif;
	font-size: 1.25em;
	margin: 0 auto 0 auto;
	max-width: 72em;
	padding: 0 0.5em 0.5em 0.5em;
}
main>header {
	text-align: center;
}
main>header>nav {
}
main>header ul {
	padding: 0;
}
main>header li {
	display: inline-block;
}
main>header li+li::before {
	padding: 0 0.5em 0 0.5em;
	color: rgba(97,0,62,0.95);
	text-shadow: 0 0 0.2em rgba(97,0,62,0.95);
	content: '•';
}
main>header li>a {
	font-family: immortal;
	font-size: 1.5em;
}

main>footer {
	margin: 1em 0 0 0;
	text-align: center;
	font-size: 0.75em;
	font-family: immortal;
	color: rgba(112,80,96,0.95);
	text-shadow: 0 0 0.1em rgba(112,80,96,0.95);
}

.current{
	text-decoration: overline underline rgba(97,0,62,0.95);
}
.current:hover, .current:focus, .current:active {
	text-decoration: overline underline rgba(97,0,62,0.95);
}
.pagetitle {
    text-align: center;
	font-style: italic;
	color: rgba(112,80,96,0.95);
	text-shadow: 0 0 0.1em rgba(112,80,96,0.95);
}

.articlesnippet {
	border: 0.075em solid rgba(97,0,62,0.50);
	border-radius: 0.15em;
	background-color: rgba(97,0,62,0.2);
	padding: 0.1em;
	display: flex;
}
.articlesnippet + .articlesnippet {
	margin: 1em 0 0 0;
}
.articlecontent {
	word-break: break-word;
}
.articlecontent>h3 {
	font-size: 1.4em;
}
.articleinfo {
	flex: 1;
	font-size: 0.75em;
	text-align: right;
	margin: 0.1em;
	display: flex;
	flex-direction: column;
	color: rgba(112,80,96,0.95);
	text-shadow: 0 0 0.2em rgba(112,80,96,0.95);
	white-space: nowrap;
}
.articleinfo>a {
	margin-left: auto;
}
.articleinfo>time {
	flex-grow: 1;
	font-size: 0.90em;
}
.articlecont {
	font-size: 1.25em;
	margin: 0.1em;
}
.articlecat::after {
	content: ' 📇\FE0E';
}
.articlecont::before {
	content: '↠';
}