@font-face {
	font-family:'octopus-game';
	src:url('graphics/octopus-game.ttf') format('truetype');
}

body {
	margin:2em 0 4em 0;
	padding:0;
	background:#222831;
	color:#EEEEEE;
	font-family:'Trebuchet MS', helvetica, sans-serif;
	font-size:19px;
	line-height:1.5;
	background-image:url('graphics/background.png');
	filter:drop-shadow(2px 2px 1px #000000);
	text-align:center;
}

.rules {
	margin:0 1em 0 1em;
	text-align:justify;
}

.content {
	margin:0 1em 0 1em;
}

@media (min-width: 800px) {
	.content,.rules {
		width:800px;
		margin:auto;
	}
}

h1 {
	margin:0.4em 0;
	font-size:64px;
	color:#F3F36D;
	font-family:'octopus-game','Trebuchet MS', helvetica, sans-serif;
}

h2 {
	font-size:32px;
	color:#F3F36D;
	font-family:'octopus-game','Trebuchet MS', helvetica, sans-serif;
}

a {
	font-weight:bold;
	text-decoration:none;
	color:#F3F36D;
}

a:hover {
	color:#F3F36D;
	text-decoration:underline;
}

.photos {
	margin:0;
	padding:0;
	vertical-align:middle;
	text-align:center;
}

.gallery {
	display:inline-block;
}

.gallery img {
	margin:10px 24px 4px 24px;
	background:#000;
	width:197px;
	height:277px;
	box-shadow:2px 2px 1px #000;
}

.gallery .flag {
	margin:0;
	width:16px;
	height:11px;
}