@charset "utf-8";
@media screen {
	
body {
	background-color: #122A0F;
	padding-top: 0px;
}
div, p, a, li {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"
}
h1, h2, h3 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}
	
h1, h2 {
	border-bottom: 3px solid #2F1A00;
}	
a {
	text-decoration: none;
	font-weight: 700;
	color: #071F8E;
}
a:visited {
	color: #071F8E;
}
a:hover {
	text-decoration: underline;
	color: #1E431E;
}
	
input {
	margin-bottom: 10px;
}
input[type=text], input[type=password] {
	resize: both;
	width: 220px;
	height: 15px;
	padding: 5px;
}

	
input[type=number] {
	resize: both;
	width: 70px;
	height: 15px;
	padding: 5px;
}
	
input[type=submit], input[type=button] {
	font-size: 16px;
	color: #1E431E;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 5px;
	display: inline-block;
	background-color: #B8CF9E;
	border: 1px solid #000;
	resize: both;
	width: 220px;
	height: 35px;
	padding: 10px;
}
	
textarea {
	resize: both;
	width: 400px;
}

section, #container {
    width: 800px;
    /* Change this value to customize the content area*/
    margin: 0 auto;
	margin-top: 0;
	background-color: #FAF5DB;
	padding: 32px;
}
.kermitrating {
	display: block;
	border: 4px solid #1A3D16;
	background-color: #F3D06C;
	padding: 8px;
	font-weight: 700;
	font-size: 1.1em;
	color: #1A3D16;
	width: 340px;
	text-align: center;
	margin-left: 420px;
}

nav {
	float: right;
	margin-right: 12px;
	font-size: large;
}

nav a {
	margin: 15px;
}

}

.list-item {
	display: block;
	padding-left: 5px;
	padding-bottom: 2px;
}

@media only screen and (max-width: 620px) {
	body {
		background-color: #2A200F;
		padding-top: 0px;
	}
	div, p, a, #container {
		font-size: 1em;	
	}
	nav {
		font-size: 1.2em;
	}
	section, #container {
    width: 380px;
    /* Change this value to customize the content area*/
    margin: 0;
	margin-top: 0;
	background-color: #FAF5DB;
	padding: 12px;
	}
	.kermitrating {
	display: block;
	width: 90%;
	margin-left: 0px;
	border: 2px solid #1A3D16;
	background-color: #F3D06C;
	padding: 4px;
	font-weight: 700;
	font-size: 1.1em;
	color: #1A3D16;
	text-align: center;
	}
	
	input[type=text], input[type=password] {
		resize: both;
		display: block;
		width: 90%;
		height: 25px;
		font-size: 1.2em;
		padding: 10px;
	}
	
	input[type=number] {
		resize: both;
		width: 14%;
		height: 20px;
		padding: 10px;
	}
	
	select {
		height: 35px;
		padding: 10px;
		margin-top: 5px;
		margin-bottom: 10px;
		font-size: 1em;
		font-weight: 500;
		display: inline-block;
		background-color: #F3D06C;
		color: #000;
		border: 1px solid #000;
		resize: both;
	}
	
	input[type=submit], input[type=button] {
		font-size: 1.2em;
		color: #1E431E;
		margin-top: 15px;
		margin-bottom: 5px;
		display: block;
		background-color: #B8CF9E;
		border: 1px solid #000;
		resize: both;
		width: 90%;
		height: 35px;
		padding: 10px;
	}
	
	textarea {
		font-size: 1.2em;
		resize: both;
		width: 97%;
	}
}