.bbs-box,
.bbs-header {
	white-space: pre;
	text-align: center
}

.bbs-box,
.bbs-content,
.bbs-footer pre,
.bbs-header {
	text-align: center
}

@font-face {
	font-family: Web437_IBM_VGA_9x16;
	src: url("../fonts/Web437_IBM_VGA_9x16.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

body,
html {
	background: #000024;
	color: #eee;
	font-family: Web437_IBM_VGA_9x16, "Courier New", Courier, monospace;
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	height: 100%
}

.bbs-frame {
	width: 96vw;
	max-width: 1440px;
	min-width: 320px;
	margin: 2em auto;
	background: #00001a;
	border: 2px solid #1b5eae;
	box-shadow: 0 0 24px #082040;
	padding: 0 0 1em
}

header {
	margin-bottom: .5em
}

.bbs-header {
	color: #00caff;
	font-weight: 700;
	background: #141464;
	border-bottom: 1px solid #1b5eae;
	padding: .7em 0 .5em;
	margin: 0;
	font-size: 1.02em
}

.bbs-menu {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: .5em;
	gap: .5em
}

.bbs-menu a {
	color: #10ff3c;
	background: #1b5eae;
	border: 1.5px solid #00caff;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.08em;
	padding: .2em .85em;
	border-radius: 0;
	margin: 0 .2em;
	box-shadow: 1px 1px 0 #082040 inset;
	transition: background .1s, color .1s;
	letter-spacing: 1px
}

.bbs-menu a:focus,
.bbs-menu a:hover {
	color: #fff86e;
	background: #0056b7;
	outline: #fff dashed 2px
}

main {
	display: flex;
	justify-content: center
}

.bbs-content {
	width: 100%;
	max-width: 1440px
}

.bbs-box {
	color: #fff8f0;
	background: #0a0a20;
	border: none;
	margin: 1em auto;
	font-size: 1.05em;
	font-family: inherit;
	padding: .1em .4em .2em;
	overflow-x: auto;
	box-shadow: 0 0 10px #00204055 inset
}

.bbs-footer pre {
	color: #13a10e;
	background: 0 0;
	margin: 2em 0 0;
	font-size: .97em;
	letter-spacing: .5px
}

.bbs-services h2,
.bbs-tos h2 {
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 1em;
	margin-top: 0;
	padding-bottom: .6em
}

::selection {
	background: #ffe44d;
	color: #1a1a00
}

::-webkit-scrollbar-track {
	background: #0a0a20
}

* {
	scrollbar-width: thin;
	scrollbar-color: #1b5eae #0a0a20;
	scrollbar-width: thin;
	scrollbar-color: #0037da #0a0a20
}

@media (max-width:900px) {

	.bbs-content,
	.bbs-frame {
		max-width: 97vw;
		font-size: .93em
	}

	.bbs-header {
		font-size: .99em
	}
}

.bbs-services,
.bbs-tos {
	max-width: 820px;
	margin: 2em auto;
	box-shadow: 0 0 10px #00204055 inset;
	padding: 2em 2em 1em;
	color: #fff8f0;
	font-family: Web437_IBM_VGA_9x16, "Courier New", Courier, monospace
}

.bbs-services {
	background: #0a0a20;
	border: 2px solid #1b5eae;
	font-size: 1.25em
}

.bbs-services h2 {
	color: #00caff;
	font-size: 1.3em;
	border-bottom: 1px solid #1b5eae
}

.bbs-services a,
a {
	color: #3a96dd;
	text-decoration: underline;
	font-weight: 700
}

.bbs-services ul {
	list-style-type: none;
	padding-left: 0
}

.bbs-services>ul>li {
	margin-top: 1.2em
}

.bbs-services ul ul {
	margin-top: .7em;
	margin-bottom: .7em
}

.bbs-services li strong {
	color: #10ff3c;
	font-weight: 700;
	font-size: 1.07em;
	display: block;
	margin-bottom: .5em;
	margin-top: .8em
}

.bbs-services a {
	padding-right: .3em
}

.bbs-services a:hover,
a:focus,
a:hover {
	color: #fff86e;
	background: #0037da
}

.bbs-services a:hover {
	text-decoration: underline
}

::-webkit-scrollbar {
	width: 14px;
	background: #0a0a20
}

::-webkit-scrollbar-thumb {
	background: #0037da;
	border: 2px solid #ccc
}

::-webkit-scrollbar-thumb:hover {
	background: #00caff
}

::-webkit-scrollbar-corner {
	background: #0a0a20
}

.bbs-menu a.forum-link {
	background: #3a96dd;
	color: #141464;
	border: 2px solid #13a10e;
	text-shadow: none
}

.bbs-menu a.chat-link {
	background: #13a10e;
	color: #0037da;
	border: 2px solid #fff86e;
	text-shadow: none
}

.bbs-menu a.chat-link:hover,
.bbs-menu a.forum-link:hover {
	background: #fff86e;
	color: #000024;
	border-color: #3a96dd
}

a {
	background: 0 0;
	transition: color .13s, background .13s
}

.bbs-tos {
	background: #0a0a20;
	border: 2px solid #1b5eae;
	font-size: 1.2em;
	text-align: left
}

.bbs-tos h2 {
	color: #00caff;
	font-size: 1.4em;
	border-bottom: 1px solid #1b5eae
}

.bbs-tos h3 {
	color: #13a10e;
	font-size: 1.1em;
	margin-top: 1.5em;
	margin-bottom: .6em
}

.bbs-tos ol {
	margin-top: 0;
	margin-bottom: 1em;
	padding-left: 1.5em
}

.bbs-tos p {
	margin: 1.2em 0;
	color: #ccc
}

.bbs-tos hr {
	border: none;
	border-top: 1px solid #3a96dd;
	margin: 2em 0
}