html, body{
	height:100%;
	margin:0;
	font-family:monospace;
	color:rgb(5,5,5)
}
#game{
	width:80%;
	margin:auto;
	padding:10px;
}
#word{
	padding-bottom:10px;
	width:100%;
	text-align:center;
	font-size:305%;
	vertical-align:middle;
	margin-top:45px;
	margin-bottom:35px;
}
#letters{
	width:100%;
	text-align:center;
	border-top:2px solid gray;
}
#restart{
	width:100%;
	text-align:center;
	z-index:99;
	position:relative;
}
.letter{
	font-size:160%;
	padding:5px;
	margin:5px;
	font-family:monospace;
	width:3em;
}
.letter:disabled{
	background-color:rgb(100,100,100);
}
.next_round{
	font-size:200%;
	padding:5px;
	margin:5px;
	font-family:monospace;
}
#messages{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgb(245,245,245);
	z-index:20;
	text-align:center;
	font-size:350%;
	overflow:auto;
	padding-top:84px;
}
#word_input{
	font-size:85%;
}
#status{
 display: flex;
 justify-content: space-between;
 font-size:200%;
 border-bottom:2px solid gray;
 position:fixed;
 top:0;
 left:0;
 z-index:110;
 width:100%;
}
#timer{
  display: inline-block;
}
.score{
  display: inline-block;
}
#scrambled{
  color:#fff;
  font-size:110%;
}
#no_spaces{
	display:none;
}
#footer{
	position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    text-align: center;
	z-index:25;
}
.guessed{
	color:rgba(255,255,255,0.25);
}
.unguessed{
	color:rgb(255,255,255);
}
#game_history{
	font-size:30%;
	text-align:left;
	border:2px solid gray;
	padding:4px;
	margin:4px;
}
.hit_enter{
	cursor: pointer;
}
#game_settings{
	border:2px solid gray;
	background-color:rgba(0,0,0,0.1);
}
.settings, .name_entry{
	font-size:45%;
	margin-top:4px;
	margin-bottom:4px;
}
.instructions{
	font-size:45%;
}
hr{
	display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    border: 5px solid rgba(0,0,0,0.3);
}
.title{
	font-size:150%;
	font-weight:bold;
}
#settings_toggle{
	margin-top:5px;
	font-size:60%;
}
#timer{
	padding-top:78px;
	width:100%;
}
#timer_bar{
	text-align:center;
	background-color:black;
}