@font-face {
    font-family: 'PixelMazRegular';
    src: url('./fonts/pixel_maz.eot');
    src: url('./fonts/pixel_maz.eot') format('embedded-opentype'),
         url('./fonts/pixel_maz.woff') format('woff'),
         url('./fonts/pixel_maz.ttf') format('truetype'),
         url('./fonts/pixel_maz.svg#PixelMazRegular') format('svg');
}

body{
	background-color: #000;
	font-family: "PixelMazRegular";
}

h1
{
	font-size: 70px;
	margin: 5px;
}

h2{
	font-size: 50px;
	margin: 5px;
}

p
{
	font-size: 34px;
	margin: 2px;
}

ul{
	margin: 2px 0 2px 0;
	font-size: 22px;
}

div#game_surface{
	height: 447px;
	width: 1280px;
	margin: auto;
}

div#extraInfo{
	width: 1280px;
	margin: auto;
	color: #fff;
}

div#extraInfo span{
	text-align: right;
	margin-left: 88%;
}

#canvas{
	position: absolute;
}

div#game_surface div{
	position: absolute;
	width: 500px;
	height: 345px;
	background-color: rgba(255, 255, 255, 0.94);
	margin-left: 390px;
	margin-top: 50px;
	padding: 15px;
}


div#car, div#axway, div#california, div#citia, div#arcade, div#ubisoft, div#paprika, div#zoe, div#ubisoft2{
	display: none;
}

div#ubisoft, div#arcade{
	overflow-y:auto;
}

div#ubisoft img{
	width: 40%;
}

div#arcade{
	color: #fff;
	background-color: rgba(0, 0, 0, 0.94) !important;
}

div#arcade table{
	width: 100%;
	font-size: 20px;
}