html {
 background-color: #CFC2A6;
}

body { 
	height: 100%;
	margin: 1em;
	border: 0.2em solid black; 
	font-family: sans-serif;
	background-color: #FFEFCD;
	overflow: hidden;
}
#container {  

}
#innercontainer {
  margin: 1em;
}


#main a, #main a:hover, #main a:visited { 
  display: block; color: #817968;
}

ul { 
  padding: 0.1em; 
  margin: 0px;
}
h1 {
  font-size: 200%;
  text-align: center;  
  margin: 0; 
}
#centerer { 
  display: table; margin: 0 auto; 
}
#clearinnercontainer { 
  margin-top: 1em;
}
#main { 
  background-color: white; 
  text-align: center; 
  padding: 1em 3em; 
  border: 1px solid black;
}
#main li {
  list-style-type: none; 
  margin: 0px; 
  padding: 0px;
}
#main a {
  font-size: 150%; 
  font-family: sans-serif
}
li:hover {
  background-color: #CFC2A6; 
}

@media screen and (max-width: 400px) {
	
	h1 {
	  font-size: 140%;
	}
	
	#main a {
	  margin: 0.2em;
	  font-size: 110%; 
	  font-family: sans-serif
	}

}