html {
	background-image: url("/images/KaiAllThingSymbol.jpg");
	background-position:center;
	background-size: contain;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#000;
}

.mainMenuContainer {
	position: absolute;
	left: 42px;
	top: 42px;
	border: 2px #424242 solid;
	border-radius: 8px;
	font-size: 1.2em;
	background-color: #212121;
	padding: 0px 0px 8px 0px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	width: 18em;
}

.menuHeader {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background: #424242;
	color: #d18514;
	text-align: center;
	margin-bottom: 16px;
	padding: 4px 0px 8px 0px;
	font-variant: small-caps;
	font-weight: bold;
	cursor: default;
}

.menuItem {
	display: block;
	font-variant: small-caps;
	font-size: 1.1em;
	margin-bottom: 8px;
	border-radius: 5px;
	padding:6px 12px 6px 12px;
	text-align: center;
	border: #424242 2px solid;
	border-radius: 5px;
	color: #a0a0a0;
	background: #212121;
	margin: 0px 5% 8px 5%;
	width: 90%;
	outline-color: #d18514;
}

.menuItem:hover {
	background: #424242;
	color: #ffa33a;
	cursor: pointer;
}

.subMenuText {
	font-size: .8em;
	filter: brightness(.6);
}

@media only screen and (max-width: 700px) {
	html {
		font-size: 10pt;
	}

	.mainMenuContainer {
		margin: 1rem auto auto auto;

	}

}