body
{
	background-color: #E3DEC1;
}
header
{
	margin:auto;
	width:100%;
	min-width:400px;
	height:130px;
	text-align:center;
}
#container
{
	margin: 0 auto;
	height:735px;
	min-width:700px;
	max-width: 700px;
	width:100%;
}
#main
{
	float:left;
	width:59%;
	min-width:155px;
	height:100%;
	text-align:center;
	border-radius:2%;
	box-shadow: 5px 5px 2px #888888;
	background-color:#F2EFE4;
}
#main table
{
	font-size:20px;
}
#help
{
	float:right;
	min-width:160px;
	width:38.5%;
	background-color:#F2EFE4;

	border-radius:5%;
	box-shadow: 5px 5px 2px #888888;
	margin-bottom:2%;
}
#help h1
{
	text-align:center;
}
#hints
{
	float:right;
	min-width:160px;
	width:38.5%;
	background-color:#F2EFE4;

	border-radius:5%;
	box-shadow: 5px 5px 2px #888888;

	font-size:25px;
}
#hints h1
{
	text-align:center;
}
table
{
	width:100%;
	height:100%;
}
#buttons
{
	min-width:375px;
	width:10%;
	clear: both;
	margin: 0 auto;
	margin-bottom: 5%;
	margin-top: 1%;
}
#resetButton
{
	float:left;
	background-color:lightblue;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
#easyButton
{
	margin-left:2.5%;
	float:left;
	background-color:#FFFF66;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
#normalButton
{
	margin-left:2.5%;
	background-color:#FFCC66;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
#helpButton
{
	float: right;
	margin-right:2.5%;
	background-color:white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
#answerButton
{
	float:right;
	background-color:lightgreen;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
.green
{
	color:#00CC00;
	margin-left:25%;
}
.blue
{
	color:#00CCFF;
	margin-left:25%;
}