h1 { color: #000; }
#menu img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

#frontmenu { overflow: auto; }
.menuoption { text-align: center; float: left; margin: 4px; }
.menuoption a { font-weight: bold; }

#menu span a { color: black; }

#note { background-color: #000; color: white; }
#note { padding: 10px; }

#about, #tips { background-color: #FFFF99; color: black; margin: 10px 0px; padding: 10px; color: #5F4510; }
#about a { font-weight: bold; }
#tips { background-color: #8ae890; color: #003311; }

.answer, #spacer { float: left; width: 300px; }
#spacer { height: 1px; }

.reveal { display: none; float: left; }

#single-answer, #share-answer { overflow: hidden; width: 560px; min-height: 400px; margin-top: 10px; margin-bottom: 10px; background-color: #fcf1dd; padding: 10px; }
#share-answer { display: none; text-align: left; padding: 6px; margin-top: 40px; }
#single-answer p, #share-answer p { font-size: 24px; margin: 0px; padding: 0px; }
#share-answer p { margin-bottom: 2px; }
#single-answer a, #share-answer p { color: #ff0000; font-weight: bold; }
.description { float: left; width: 260px; }

#levels-container { overflow: auto; background-color: #fcf1dd; margin-top: 10px; padding: 10px; }
#levels-container h1 { color: #FF6666; }
.twodots-answer { font-size: 2em; width: 1.5em; height: 1.2em; float: left; text-align: center; padding: 10px; margin: 6px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; color: #666; font-weight: bold; background-color: #333; }
.twodots-answer a { color: #000; }

.purple { background-color: #985cb4; }
.yellow { background-color: #e5dc25; }
.red { background-color: #eb5f46; }
.green { background-color: #8ae890; }
.blue { background-color: #8abbff; }