html, body {
	overflow-x: hidden;
}

body {
	background-image: url("img/background.png");
	font-family: sans-serif;
	background-color: #fff;
	font-size: 1.2em;
	margin: auto;
	padding: 5%;
	color: #000;
}

main, nav, header, footer {
	background-image: url("img/tile.png");
	border: solid 2px #000;
	text-align: center;
	margin: 1em auto;
	max-width: 60em;
	padding: 2em;
}

h1, h2 {
	margin: 1em;
}

section p, ol, ul  {
	line-height: 1.7em;
	text-align: left;
	margin: 1em 2em;
}


li {
	overflow-wrap: break-word ;
	word-break: normal;
}

hr {
	background-image: url("img/lemon_tea.png");
	height: 3em;
}

section {
	background-color: #fff;
	border: solid 2px #000;
	max-width: fit-content;
	text-align: center;
	margin: 1em auto;
}

table {
	background-color: #000;
	text-align: center;
	margin: 2em auto;
}

td, th {
	background-color: #fff;
	padding: 1em;
}

th {
	text-transform: uppercase;
}

img {
	max-width: 100%;
}

#game_link {
	box-shadow: 0 0 5em #0f0;
}

a:link {
	color: #066;
}

a:active {
	color: #00f;
}

a:visited {
	color: #a00;
}

/* Hic sunt dracones */

@media screen and (max-width: 640px) and (orientation: portrait) {
	body {
		background-image: url("img/tile.png");
		padding: 0;
	}

	main, nav, header, footer {
		background-image: none;
		border: none;
		padding: 0;
	}

	section {
		max-width: 100%;
		margin: 1em;
	}
}