html, body { margin: 0; padding: 0; }

body {
	font-family: Segoe UI;
	background: #ccc radial-gradient(#ddf, #669);
	background-position: fixed;
	font-size: 16px;
}

.go-back-to-main-page-box {
	width: 300px; margin: 1em 0 0 5%;
	font-size: 1.2em;
	color: #112;
	text-shadow: 1px 1px 1px #000;
	transition: all 0.3s;
}

.go-back-to-main-page-box a {
	color: #112;
	text-decoration: none;
}
.go-back-to-main-page-box:hover { margin-left: 4%; }

.go-back-to-main-page-box a:hover {
	text-decoration: underline;
}

h1.title {
	text-align: center;
	color: #fff;
	text-align: center;
	font-size: 350%;
	font-family: impact;
	text-shadow:
		0 0 1px #000, 0 0 1px #000, 0 0 1px #000,
		0 0 2px #000, 0 0 2px #000, 0 0 2px #000,
		0 0 3px #000, 0 0 3px #000, 0 0 3px #000,
		0 0 4px #000, 0 0 4px #000, 0 0 4px #000,
		2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px rgba(0,0,0,0.5), 2px 2px 2px rgba(0,0,0,0.5),
		4px 4px 2px rgba(0,0,0,0.5), 4px 4px 2px rgba(0,0,0,0.5), 4px 4px 2px rgba(0,0,0,0.5)
		;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}


.game {
	display: block; width: 100%; padding: 1em 0;
	text-align: center;
	border-top: 4px solid #333;
	border-bottom: 4px solid #333;
	background: rgba(255,255,255,0.5);
}

.game-description {
	width: 500px; margin: 1.5em auto; padding: 1em;
	font-size: 120%;
	border: 8px solid #fff;
	background: #cecece;
	box-shadow: 1px 1px 5px #000;
}

.game-description .title {
	font-weight: bold; margin-bottom: 0.5em;
}

/*
	PARTNER OLDALAK
*/

.partner-page {
	width: 800px; margin: 0 auto; padding: 1em;
	text-align: center;
	font-size: 1.5em;
	background: rgba(100, 200, 100, 0.7);
	border: 9px solid #ccccff;
	box-shadow: 1px 1px 5px #000;
	text-shadow: 1px 1px 1px #000;
}

.partner-page .link {
	padding: 0 0.3em;
	color: inherit; background: rgba(255,255,255,0.2);
	transition: all 0.3s;
}

.partner-page .link:hover {
	background: rgba(255,255,255,0.5);
}

/*
	TOVÁBBI JÁTÉKOK
*/
.more-games-in-category {
	margin: 2em auto; width: 1200px;
	text-align: center;
}

.more-games-in-category .more-games-in-category-title {
	margin: 1.5em 0 0.3em 0;
	font-size: 250%;
	font-weight: bold;
	font-family: impact;
	color: #ddd;
	letter-spacing: 0.1em;
	text-shadow: 	0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000,
					0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000,
					0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000,

					3px 3px 1px rgba(0,0,0,.9)

	;
}

.more-games-in-category .game-in-category {
	position: relative; display: inline-block; width: 300px; margin: 0.3em 0.4em;
	border: 5px solid #ddd;
	transition: all 0.3s;
}

.more-games-in-category .game-in-category:hover {
	transform: scale(1.1);
}

.more-games-in-category .game-in-category .game-in-category-title {
	position: absolute; bottom: 0.6em; left: 0; padding: 0.2em 1em;
	color: #fff; font-weight: bold;
	background: rgba(0,0,0,0.7);
}

.more-games-in-category .game-in-category .game-in-category-img {
	display: block; width: 100%;
}




body.car-games h1.title { color: #933; }
body.car-games .game-description { border-color: #933; }
body.car-games .more-games-in-category .game-in-category:hover { border-color: #933; }

body.dexterity-games h1.title { color: #2686be; }
body.dexterity-games .game-description { border-color: #2686be; }
body.dexterity-games .more-games-in-category .game-in-category:hover { border-color: #2686be; }

body.action-games h1.title { color: #ff2300; }
body.action-games .game-description { border-color: #ff2300; }
body.action-games .more-games-in-category .game-in-category:hover { border-color: #ff2300; }

body.card-games h1.title { color: #999922; }
body.card-games .game-description { border-color: #999922; }
body.card-games .more-games-in-category .game-in-category:hover { border-color: #999922; }