@charset "utf-8";

/* Master CSS
   by Red Sadness (c) 2021
*/

html {
	min-width: 576px;
}

body {
	margin: 0px;
	padding: 0px;

	font-family: sans-serif, Arial, Helvetica, Tahoma;
	font-size: 14px;
	text-size-adjust: none;

	background-color: #282828;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAABGdBTUEAAK/INwWK6QAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABlBMVEX///8AAABVwtN+AAAAAnRSTlMAGovxNEIAAAABYktHRACIBR1IAAAAFUlEQVQI12OQYJJgMmA4wcDDzACCAAx0AUIi+QwWAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA0LTI5VDIwOjQzOjMxLTA1OjAwtQhMYAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNC0yOVQyMDo0MToxMS0wNTowMIKFI5wAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC");
	background-repeat: repeat;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #FF0000;
}

header > div,
nav > div,
article > h1,
article > div,
footer > div {
	min-width: 512px;
	max-width: 1024px;
}

header {
	padding: 52px 32px 46px 32px;
	background-color: #1B1B1B;
}

header > div {
	margin: 0px auto;
	overflow: hidden;
}

header > div a {
	display: block;
	float: left;
	width: auto;
	height: 64px;
}

header > div img {
	width: inherit;
	height: inherit;
	border: none;
}

header > div img:hover {
	opacity: 0.8;
}

nav {
	padding: 0px 32px;
	background-color: #101010;
}

nav > div {
	margin: 0px auto;
	overflow: hidden;
}

nav a {
	display: inline-block;
	float: left;
	padding: 0px 16px;
	font-size: 13px;
	color: #B4B4B4;
	line-height: 40px;
}

nav a:hover {
	color: #B4B4B4;
	background-color: #570000;
}

nav a.current {
	color: #DDDDDD;
	background-color: #900000;
}

article {
	margin-top: 32px;
	padding: 0px 32px;
	background-color: transparent;
}

article > h1 {
	margin: 0px auto;
	padding: 0px 32px 24px;
	font-size: 30px;
	font-weight: 400;
	color: #DDDDDD;
	box-sizing: border-box;
}

article > div {
	margin: 0px auto;
	padding: 32px;
	overflow: hidden;
	font-size: 13px;
	color: #DCDCDC;
	line-height: 150%;
	box-sizing: border-box;
	background-color: #1B1B1B;
	border: 1px solid #2D2D2D;
}

article .column {
	float: left;
	padding-right: 32px;
	width: 33.33%;
	box-sizing: border-box;
}

article .column:last-child {
	padding-right: 0px;
}

article .column:only-child {
	width: 100%;
}

article .column > h1 {
	margin: 0px 0px 16px 0px;
	font-size: 22px;
	color: #D4D4D4;
	line-height: 120%;
}

article .column > h2 {
	margin: -10px 0px 20px 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: 400;
	color: #6A6A6A;
}

article .column > p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #B0B0B0;
	line-height: 140%;
}

article .column > a {
	display: inline-block;
	margin-top: 16px;
	padding: 0px 20px;
	font-family: sans-serif, Arial, Helvetica, Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 44px;
	letter-spacing: 1px;
	text-transform: uppercase;
	white-space: nowrap;
	background-color: #A50404;
	border: none;
	transition: background-color 0.25s ease-in-out;
}

article .column > a:hover {
	background-color: #C71212;
	cursor: pointer;
}

footer {
	margin: 48px 0px 32px 0px;
	padding: 0px 32px;
	background-color: transparent;
}

footer > div {
	margin: 0px auto;
	padding: 0px 32px;
	font-size: 14px;
	color: #444444;
	line-height: 150%;
	box-sizing: border-box;
}

footer .hint {
	border-bottom: 1px dotted #3A3A3A;
	cursor: help;
}