html, body {
   background-color: #121213;
}

html, body, table, td {
   font-family: Tahoma;
   font-size: 18px;
   margin: 0px;
   padding: 0px;
   color: #d7dadc;
   font-family: 'Clear Sans', 'Helvetica Neue', Arial, sans-serif;
}
form {
   display: inline-block;
}
input, textarea {
   border-color: #111;
   background-color: #353535;
   color: #d7dadc;
   padding: 5px;
   font-size: 15px;
}

div#page {
   text-align: center;
}
.letterbox {
   width: 58px;
   height: 58px;
   border: 2px #3a3a3c solid;
   display: inline-block;
   text-align: center;
   line-height: 58px;
   font-size: 2rem;
   margin-right: 5px; 
}
.header {
   margin: 10px 0px 35px 0px;
}
.letterbox.CORRECT {
   background-color: #538d4e;
}
.letterbox.INCORRECT {
   background-color: #3a3a3c;
}
.letterbox.WRONGPOS {
   background-color: #b59f3b;
}
.letterbox.LOSS {
   background-color: #240505;
}
.letterline {
   margin-bottom: 5px;
}
.error {
   color: #d23f3f;
}
#word {
   width: 80px;
}