:root{
	--main-bg: #000;
	--content-bg: #222;
	--text: #FFF;
	--link: #F00;
	--page-nav-bg: #222;
	--page-nav-text: #FFF;
	--active-page-nav-bg: #777;
	--active-page-nav-text: #FFF;
	--hover-page-nav-bg: #FFF;
	--hover-page-nav-text: #000;
}
html, body {
	height: 100%;
}
body {
	background-color: var(--main-bg);
	color: var(--text);
	font-family: 'liberation_monoregular', monospace;
	font-size: 100%;
	line-height: 1.5;
	margin: 0;
	display: flex;
	flex-direction: column;
}
a {
	color: var(--link);
	text-decoration: none;
}
article#content{
	background-color: var(--content-bg);
	padding: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	border-radius: 0.5em;
	max-width: 60em;
}
article img {
	display: block;
	margin: auto;
	max-width: 100%;
}
aside {
	max-width: 60em;
	margin-left: auto;
	margin-right: auto;
}
:not(.chroma) > code {
	background-color: #111;
	color: var(--text);
	padding: 0.25em;
}
div#tag-cloud {
	margin-top: -1em;
	margin-left: auto;
	margin-right: auto;
	max-width: 60em;
}
div#message404 {
	text-align: center;
}
div#body-content {
	flex: 1 0 auto;
}
footer {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0;
	flex-shrink: 0;
}
header#prime, footer{
	background-color: var(--content-bg);
	padding: 1em;
	margin-bottom: 1em;
	overflow: auto;
}
h1#title {
	text-align: center;
}
kbd {
	box-shadow: 0 0.25em 0 0.25em #999, 0 0.25em 0 0.3125em #000;
	background-color: #DDD;
	border: 0.125em solid #000;
	border-radius: 0.3125em;
	color: #000;
	padding: 0 0.375em;
	margin: 0 0.375em;
	position: relative;
	top: -0.25em;
}
span#tag {
	display: inline-block;
}
.homepage-content {
	align-content: center;
	text-align: center;
}
.homepage-content img {
	max-width: 100%;
}
.pagination {
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
  text-align: center;
}
.pagination li{
  display: inline;
	margin-left: -0.2em;
	margin-right: -0.2em;
}
.pagination a{
  color: var(--page-nav-text);
  background: var(--page-nav-bg);
  border-radius: 0.12em;
  padding: 0.3em 0.45em;
	text-decoration: none;
}
.pagination li a:hover {
  background-color: var(--hover-page-nav-bg);
  color: var(--hover-page-nav-text);
}
.pagination li.active a {
  background-color: var(--active-page-nav-bg);
  color: var(--active-page-nav-text);
}
.header-link {
	text-decoration: none;
}
.blinky {
	animation: blinker 1s steps(1, start) infinite;
}
@keyframes blinker {
	50% {
		opacity: 0;
	}
}