a { color: #29504d; text-decoration: none; }
hr { background-color: #284c58; height: 4px; }

h1 { color: #000; text-align: center; }

#menu { overflow: auto; }

#menu span, .answer { 
 float: left;
 padding: 5px;
 text-transform: uppercase;
 text-align: center;
 background-color: white;
 margin: 5px;
 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}

#levelsnav { overflow: auto; clear: left; }
#levelsnav ul { list-style: none; font-size: 2em; text-transform: uppercase; }
#levelsnav a { color: #000; font-weight: bold; }
#levelsnav ul li { display: inline; float: left; padding: 0.2em; margin: 0.2em; background-color: #fd9a95; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.answer { min-height: 100px; }

#menu span a { color: black; }

#instructions { text-align: center; }
.reveal { display: none; color: #ff9c00; background-color: black; }

#letteranswers, #letterlinks { overflow: auto; }
.letteranswer { background-color: black; float: left; text-align: center; padding: 0px 10px; margin: 6px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.letteranswer a { color: white; font-weight: bold; }
.bignumber { font-size: 36px; }

#about, #note { background-color: #fff; color: black; margin: 10px; padding: 10px; }
#about a { font-weight: bold; }
#note { background-color: #DEFBA2; }

#single-answer {overflow: auto; width: 468px; margin-top: 10px; margin-bottom: 10px; background-color: #1a1a1a; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#single-answer p { font-size: 24px; margin: 0px; padding: 0px; margin-top: 10px; }
#single-answer a { color: #fff; font-weight: bold; }
#description { float: left; }