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

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

* + * {
	margin-top: 1.5em;
}
h2 { margin-bottom: 0; }



/************************************************
	GOMBOK
*/
.start-button {
	display: inline-block; padding: 0.5em 1em;
	text-align: center;
	color: #eee;
	border: 3px solid #fff;
	border-top-left-radius: 10px;
	text-decoration: none;
	background: #fff linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0.1));
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
	text-shadow: 	0px 0px 1px #000,
					0px 0px 1px #000,
					1px 1px 1px rgba(0,0,0,.5),
					1px 1px 1px rgba(0,0,0,.5),
					2px 2px 1px rgba(0,0,0,.5),
					2px 2px 1px rgba(0,0,0,.5)
					;
	transition: all 0.2s;
}

.start-button:hover {
	font-weight: bold;
	box-shadow: 1px 1px 8px 1px rgba(0,0,0,0.5);
	transform: scale(1.2) rotate(3deg);
}



/************************************************
	CONTENT
*/

#content {
	max-width: 1500px; margin: 0 auto; width: 98%;
}





h2.games-category {
	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;
}






/************************************************
	GAMEBOX
*/
.game-box {
	position: relative;
	display: inline-block; width: 31.33333%; margin-right: 1%; margin-left: 1%;
	box-sizing: border-box;
	overflow: hidden;
	border: 8px solid #fff;
	border-bottom-right-radius: 25px;
	background: #fefefe;
	box-shadow: 1px 1px 5px #000;
	transition: all 0.1s;
}


.game-box .game-title {
	position: absolute; bottom: 10em; left: 0; padding: 0.3em 2em;
	color: #ddd;
	font-weight: bold;
	background: rgba(0,20,60,.7);
}

.game-box .game-img {
	display: block; width: 110%; margin-left: 0;
	transition: all 2s;
}

.game-box:hover .game-img {
	margin-left: -10%;
}
.game-box .game-text {
	height: 3.9em; padding: 0px 1em 0px 1em; line-height: 1.3em;
	overflow: hidden;
	text-shadow: 0 0 1px rgba(0,0,0,1);
	font-size: 0.9em; margin-top: 1em;
}
.game-box .game-start-box {
	margin-top: 0;
	padding: 0.8em 0;
	text-align: center;
}

.game-box .game-start-box a.game-start {}

.game-box .game-start-box a.game-start:hover {}

.game-box.car-games .start-button { border-color: #933; background-color: #933; }
.game-box.car-games { border-color: #933; }
h2.games-category.car-games { color: #933; }

.game-box.dexterity-games .start-button { border-color: #2686be; background-color: #2686be; }
.game-box.dexterity-games { border-color: #2686be; }
h2.games-category.dexterity-games { color: #2686be; }

.game-box.action-games .start-button { border-color: #ff2300; background-color: #ff2300; }
.game-box.action-games { border-color: #ff2300; }
h2.games-category.action-games { color: #ff2300; }

.game-box.card-games .start-button { border-color: #999922; background-color: #999922; }
.game-box.card-games { border-color: #999922; }
h2.games-category.card-games { color: #999922; }


/*
.game-box.dress-games .start-button { border-color: #ff3299; background-color: #ff3299; }
.game-box.dress-games { border-color: #ff3299; }
h2.games-category.dress-games { color: #ff3299; }
*/







/*
	PARTNER OLDALAK
*/

.partner-page {
	width: 800px; margin: 1em auto 0em auto; padding: 1em;
	text-align: center;
	font-size: 1.2em;
	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);
}







/************************************************
	FOOTER
*/
#footer {

}