body {
	background-color: #181f1a;
	background-image: url(/tom/oefeningen/game/images/forest_night.jpg);
	color: white;
	font-size: 18px;
	font-family: "Calibri", sans-serif;
}

div.mainGamePage {
	position: relative;
	background-color: #145923;
	opacity: 0.85;
	width: 400px;
	height: 450px;
	padding: 85px;
	padding-top: 50px;
	margin: auto;
	margin-top: 25px;
	border-radius: 50px;
}

div.inventoryBox {
	position: absolute;
	top: 0;
	right: -180px;
	background-color: #34343d;
	width: 175px;
	height: 275px;
	padding: 15px;
	padding-top: 50px;
	margin: auto; 
	margin-top: 80px;
	border-radius: 15px;
}

h2 {
	font-size: 25px;
}

hr {
	border-color: black;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

button {
	background-color: #282896;
	border-color: #282896;
	color: white;
	font-size: 18px;
	border-radius: 10px;
}

input {
	font-size: 16px;
}

input#numberfieldButton {
	background-color: #282896;
	border-color: #282896;
	color: white;
	font-size: 18px;
}

button#reset {
	background-color: #42b7b3;
	border-color: #39a09d;
	font-weight: bold;
	color: black;
}

input#username {
	width: 175px;
}

span#username_markup {
	font-size: 23px;
	font-weight: bold;
	color: #42b7b3;
	margin-left: 7px;
}

button.username_edit_button {
	background-color: #c1fbff;
	border-color: #215e63;
	color: black;
	opacity: 0.75;
}

/* START Debug module styling */

	div.debugModule {
		position: absolute;
		top: 25px;
		left: 40px;
		background-color: #72177a;
		width: 325px;
		height: 700px;
		padding: 15px;
		padding-top: 25px;
		margin: auto; 
		border-radius: 15px;
	}

	button#skipToQuest, button.button_username_test {
		background-color: yellow;
		border-color: #e0d906;
		font-weight: bold;
		color: black;
	}

	button#skipToNumberfieldQuestButton {
		background-color: orange;
		border-color: #e0d906;
		font-weight: bold;
		color: black;
	}

/* END Debug module styling */