.keyword, .help {
  color: #000000;
  background-color: #BBBBBB;
}

.content {
  font-family: "Courier New", Courier, monospace;
  font-size: 1em;
}

.muted-content {
  font-family: "Courier New", Courier, monospace;
  color: #606060;
  font-size: 1em;
}

.blanks {
  font-family: "Roboto Mono", Courier, monospace;
  font-size: 1em;
}

.muted {
  color: #606060;
  font-size: 1em;
}

.muted-content {
  font-family: "Courier New", Courier, monospace;
  color: #606060;
  font-size: 1em;
}

.key {
  color: #606060;
  border: 1px solid #606060;
  border-radius: 3px;
}

.bubble {
  color: #606060;
  border: 1px solid #606060;
  border-radius: 3px;
}

.help {
  border-radius: 3px;
  cursor: pointer;
}

.keyword {
  border-radius: 3px;
  cursor: pointer;
}

.active-key {
  color: #FFFFFF;
  background-color: #606060;
  border-radius: 5px;
  cursor: pointer;
  padding: 5px;
}

.active-key:hover {
  background-color: #000000;
}

.content {
  color: #000000;
  font-weight: 600;
}

.message {
  background-color: #909090;
  padding: 10px;
}

.dark {
  color: #000000;
}

.bingo {
  background-color: #00CC00;
}

.mistake {
  background-color: #DD5050;
}

.cursorOFF {
  color: #DDDDDD;
}

.cursorOK {
  color: #00CC00;
}

.cursorNotOK {
  color: #FFBB00;
}

.cursorNormal {
  color: #404040;
}

a {
  text-decoration: none;
  color: #000000;
}

a:hover {
  text-decoration: none;
  color: #000000;
}

/* keyboard */
.keyboard-row {
  display: flex;
  justify-content: center;
  padding: 5px;
  width: 100%;
}

.key-button {
  font-family: "Courier New", Courier, monospace;
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  background-color: #C1C1C1;
  border: 1px solid #C1C1C1;
  flex: 1;
  margin: 2px;
  padding: 10px;
  cursor: pointer;
  min-width: 20px;
  max-width: 30px;
  border-radius: 5px;
}

.key-button:hover {
  background-color: #FFFFFF;
}

.control-button {
  font-size: 1rem;
  font-weight: 500;
  color: #FFFFFF;
  background-color: #909090;
  border: 1px solid #909090;
  flex: 1;
  margin: 2px;
  padding: 10px;
  cursor: pointer;
  max-width: 120px;
  border-radius: 5px;
}

.control-button:hover {
  color: #404040;
  background-color: #FFFFFF;
}

.keyboard-zone {
  background-color: #606060;
  border-radius: 10px;
  padding: 15px 0px 15px 0px;
  margin: 0px 0px 10px 0px;
}

#KeyboardButton {
  cursor: pointer;
}

#PlayButton {
  cursor: pointer;
}

/*# sourceMappingURL=index.css.map */