@font-face{
    font-family: PixelFont;
    src: url('../fonts/pixel.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
	padding: 0;
	margin: 0;
	background-color: #000000;
}

.clearfix{
	clear: both;
	overflow: auto;
}

.PrimalContainer{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: PixelFont;
}

.HeaderContainer{
	padding-top: 10px;
	margin: auto;
	width: 90%;
}

.LogoImage{
	max-width: 100%;
}

.LogoImage{
	display: block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

.HeaderMenuContainer{
	width: 100%;
	height: auto;
	min-width: 100%;
	background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.5));
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	text-align: center;
}

.MenuOption{
	width: auto;
	margin: 5px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 42px;
	color: #1b191f;
	display: inline-block;
}

.MenuOption a{
	text-decoration: none;
	color: inherit;
}

.MenuOption a:hover{
	text-decoration: none;
	color: #7a728a;
}

.MainBodyContainer{
	background-color: rgba(0,0,0,0.5);
	padding-top: 10px;
	margin: auto;
	width: 90%;
	color: white;
	font-size: 32px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}