@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Mono:ital,wght@0,200..800;1,200..800&display=swap');
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	background-color: black;
	color: #FFDEDE;
	font-family: 'Atkinson Hyperlegible Mono',monospace;
}
.page-column {
	width: 75%;
	min-width: 600px;
	margin: 0 auto;
	margin-top: 64px;
	
	border-left-width: 9px;
	border-right-width: 9px;
	border-top-width: 16px;
	border-bottom-width: 16px;
	border-color: #FF0B55;
	border-style: solid;
	
	box-shadow: 0px 0px 5px 0px #CF0F47,
				inset 0px 0px 5px 0px #CF0F47;
}
.scanlines {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: repeating-linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0,0,0, 0.15) 0.3%, rgba(0, 0, 0, 0) 0.6%);
	pointer-events: none;
}
header {
	background-color: #FF0B55;
}
header img {
	margin-left: 9px;
	margin-right: 9px;
	margin-top: 16px;
	margin-bottom: 16px;
}
.page-column main {
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 16px;
	padding-bottom: 16px;
}
nav {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	box-shadow: 0px 5px 5px -5px #CF0F47;
	user-select: none;
}
nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding-left: 9px;
	background-color: #FF0B55;
}
nav ul li {
	display: inline-block;
}
nav ul li:hover {
	/*box-shadow: 0px 5px 0px 0px #000;*/
	background-color: #CF0F47;
}
nav ul li a{
	user-select: none;
	text-decoration: none;
	color: #ffffff;
}
nav .current_page_title {
	background-color: #CF0F47;
	padding-left: 9px;
	padding-right: 9px;
}
nav .current_page_title p{
	padding:0;
	margin: 0;
	user-select: none;
}

main h1, main h2{
	background-color: rgba(207, 15, 71, 0.50);
	box-shadow: 9px 0px 0px 0px rgba(207, 15, 71, 0.50), 
				-9px 0px 0px 0px rgba(207, 15, 71, 0.50);
}

main {
	background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),
				url('/static/pattern.png');
}

a {
	color: #FF0B55;
}