:root {
	--main-text-color: rgb(255, 255, 255);
	--main-bg-color: rgb(0, 0, 0);
	--main-transparent: rgba(255, 255, 255, 0.15);
	--main-small-text-color: rgba(255, 255, 255, 0.65);
	--main-red: rgb(127, 0, 0);
	--main-red-transparent: rgba(127, 0, 0, 0.15);
}

* {
	box-sizing: border-box;
	letter-spacing: 6px;
	image-rendering: pixelated;
	font-smooth: never;
	-webkit-font-smoothing: none;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background-image: url(/sprite-animation2.gif);
	background-repeat: repeat;
	background-color: black;
	color: white;
	font-family: 'TNR Condensed Bold', 'Times New Roman', Times, serif;
}

article h1:first-of-type {
	margin-block-start: 1.67rem;
}

h1,
h2,
h3,
h4,
h5 {
	font-stretch: 75%;
}

a {
	color: var(--main-text-color);
}

a:link {
	color: var(--main-text-color);
	text-decoration: none;
}

a:visited {
	color: var(--main-text-color);
	text-decoration: none;
}

a:hover {
	background: var(--main-transparent);
}

img {
	width: 100%;
	height: auto;
}

blockquote {
	color: var(--main-small-text-color);
	border-left: 3px solid var(--main-transparent);
	padding: 0 1rem;
	margin-left: 0;
	margin-right: 0;
}

hr {
	border: none;
	height: 1px;
	background: var(--main-small-text-color);
}

code {
	background: var(--main-transparent);
	border-radius: .1875rem;
	/* padding: .0625rem .1875rem; */
	/* margin: 0 .1875rem; */
}

small {
	font-size: .95rem;
	color: var(--main-small-text-color);
}

#header ul {
	list-style-type: none;
	padding-left: 0;
}

#header li {
	display: inline;
	font-size: 1.2rem;
	margin-right: 1.2rem;
}

#postlistdiv ul {
	list-style-type: none;
	padding-left: 0;
}

.moreposts {
	font-size: .95rem;
	padding-left: 0.5rem;
}

#nextprev {
	text-align: left;
	margin-top: 1.4rem;
	font-size: .95rem;
}

#footer {
	color: var(--main-small-text-color);
}

ul {
	list-style-type: none;
	margin-inline: auto;
	text-align: left;
	min-width: fit-content;
}

#container {
	max-width: calc(1536px * 0.95);
	margin: 0;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}



/* 2xl */
@media (max-width: 1536px) {

	header,
	article,
	footer,
	#container {
		/* max-width: calc(1280px*0.95); */
	}
}

/* xl */
@media (max-width: 1280px) {

	header,
	article,
	footer,
	#container {
		/* max-width: calc(1024px * 0.95); */
	}
}

/* lg */
@media (max-width: 1024px) {

	header,
	article,
	footer,
	#container {
		/* max-width: calc(768px * 0.95); */
	}
}

/* md */
@media (max-width: 768px) {

	header,
	article,
	footer,
	#container {
		/* max-width: calc(640px * 0.95);
	} */

	footer {
		margin-top: 0.5rem;
	}
}

/* sm */
@media (max-width: 640px) {

	header,
	article,
	footer,
	#container {
		/* max-width: calc(475px * 1); */
	}

	footer {
		margin-top: 0.5rem;
	}
}

/* xs */
@media (max-width: 475px) {

	header,
	article,
	footer,
	#container {
		/* width: 100%; */
	}

	footer {
		margin-top: 0.5rem;
	}
}