html {
    background-color: black;
}

body {
    font-size: 16px;
    color: white;
    font-family: "Ubuntu", Arial, sans-serif;
	display: flex; 
	flex-direction: column;

	-webkit-text-size-adjust: 100%;
}

html, body {
	width: 100%;
    height: 100%;
	min-height: 100%;
    margin: 0px;
}

.page {
	max-width: 1504px;
	width: 100%;
    margin: auto;
	position: relative;
	background-color: #0a0e12;
	flex: 1;
}

.page_header, .page_header_large {
	font-weight: bold;
	font-size: 150%;
	margin: 16px;	
	margin-bottom: 0px;
	clear: left;
}

.page_header_large {
	font-size: 200%;
	margin-top: 32px;
}

.page_text, .page_link {
	margin: 16px;
	max-width: 800px;
	display: block;
	line-height: 150%;
}

a:link, a:visited, a:hover, a:active {
	color: #60bfbf;
}

.game_box {
	background-color: #141c24;
	width: 472px;

	margin: 16px;
	margin-right: 12px;		
	float: left;

	padding-bottom: 12px;

	background-repeat: no-repeat;	
}

.game_box.game_box_clickable:hover {
	background-color: #262d33;
	cursor: pointer;
}

.game_box.long_box {
	width: 904px;
}

.game_box.square_box {
	width: 256px;
}

.game_box.small_box {
	width: 222px;
}

.game_box.site_box {
	width: 347px;
}

.game_box_header {
	font-weight: bold;
	padding: 8px;
	padding-top: 272px;
}

.long_box .game_box_header {
	padding-top: 264px;	
}

.square_box .game_box_header {
	padding-top: 264px;	
}

.short_box .game_box_header {
	padding-top: 264px;	
}

.small_box .game_box_header {
	padding-top: 264px;	
}

.site_box .game_box_header {
	padding-top: 203px;
}

.game_box_text {
	padding: 8px;
}

.page_break {
	display: block;
	height: 1px;
	clear: left;
}