@font-face {
	font-family: '000webfont';
	src: url('fonts/000webfont.eot'); /* IE 9 Compatibility Mode */
	src: url('fonts/000webfont.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('fonts/000webfont.woff2') format('woff2'), /* Super Modern Browsers */
		url('fonts/000webfont.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('fonts/000webfont.ttf') format('truetype'), /* Safari, Android, iOS */
		url('fonts/000webfont.svg#000webfont') format('svg'); /* Chrome < 4, Legacy iOS */
}
body {
	max-width: 100%;
	max-height: 100%;
	background-color: black;
	overflow-x: hidden;
}
.button-play {
	opacity: 0;
	position: absolute;
	margin-top: 35%;
	width: 5vw;
	height: 5vw;
	margin-left: 15%;
}
.top-bar {
	border: 1px solid #2f4f91;
	background-color: #365ca8;
	height: 4vw;
	width: 102vw;
	left: 0;
	z-index: 1;
	top: 0;
	position: fixed;
}
.soundbox {
	margin-top: 35%;
	margin-left: 15%;
	width: 5vw;
	height: 5vw;
	position: absolute;
}
a {
	text-decoration: none;
	color: red;
}
h1 {
	font-family: '000webfont';
	color: white;
}
.button-game {
	color: white;
	text-shadow: 1px 1px 2px black;
	font-size: 4vw;
    right: 10%;
    position: absolute;
    font-family: '000webfont';
}
.button-soundtracks {
	color: white;
	text-shadow: 1px 1px 2px black;
	font-size: 4vw;
    right: 35%;
    position: absolute;
    font-family: '000webfont';
}
.button-faq {
	color: white;
	text-shadow: 1px 1px 2px black;
	font-size: 4vw;
    right: 65%;
    position: absolute;
    font-family: '000webfont';
}
.main {
	margin-top: 4%;
	margin-left: -2%; 
	width: 70%;
}
.mainbg {
	width: 150%;
}
.txt-center {
	margin-left: 23%; 
	margin-top: -45%;
	text-shadow: 4px 4px 4px black;
	font-size: 8vw;
	font-family: '000webfont';
	position: absolute;
	color: white;
}
.button-pc {
	color: white;
	text-shadow: 1px 1px 2px black;
	font-size: 4vw;
	background-color: rgba(0, 0, 0, 0.6);
	box-shadow: 0px -5px 55px black;
	border: 2px solid white;
	border-radius: 10px;
	text-align: center;
	margin-top: -15%;
    right: 60%;
    position: absolute;
    font-family: '000webfont';
}
.button-pc:hover {
	color: white;
	text-shadow: 1px 1px 2px black;
	font-size: 4vw;
	border: 2px solid white;
	border-radius: 10px;
	text-align: center;
	margin-top: -14%;
    right: 60%;
    position: absolute;
    font-family: '000webfont';
}
.button-ps {
	color: white;
	text-shadow: 1px 1px 2px black;
	box-shadow: 0px -5px 55px black;
	font-size: 4vw;
	background-color: rgba(0, 0, 0, 0.6);
	border: 2px solid white;
	border-radius: 10px;
	text-align: center;
	margin-top: -15%;
    right: 40%;
    position: absolute;
    font-family: '000webfont';
}
.button-ps:hover {
	color: white;
	text-shadow: 1px 1px 2px black;
	font-size: 4vw;
	border: 2px solid white;
	border-radius: 10px;
	text-align: center;
	margin-top: -14%;
    right: 40%;
    position: absolute;
    font-family: '000webfont';
}
.button-ns {
	color: white;
	text-shadow: 1px 1px 2px black;
	font-size: 4vw;
	box-shadow: 0px -5px 55px black;
	background-color: rgba(0, 0, 0, 0.6);
	border: 2px solid white;
	border-radius: 10px;
	text-align: center;
	margin-top: -15%;
    right: 20%;
    position: absolute;
    font-family: '000webfont';
}
.button-ns:hover {
	color: white;
	text-shadow: 1px 1px 2px black;
	font-size: 4vw;
	border: 2px solid white;
	border-radius: 10px;
	text-align: center;
	margin-top: -14%;
    right: 20%;
    position: absolute;
    font-family: '000webfont';
}
.nsl {
	width: 12vw;
	height: 3.5vw;
}
.txt1 {
	font-size: 4vw;
}
.block1 {
	height: 25vw;
	text-align: center;
	padding-top: 3%;
}
.newsupdates {
	font-family: '000webfont';
	color: white;
	text-align: center;
	text-shadow: 5px 5px 5px black;
	font-size: 4vw;
}
.lastInfo {
	position: absolute;
	box-sizing: border-box;
	width: 99%;
	bottom: -50rem;
}
.lastInfotxt {
	font-family: '000webfont';
	color: white;
	text-shadow: 5px 5px 5px black;
	font-size: 3vh;
	text-align: center;
}