@import url("../main.css");

.guesses .guess {
  border: solid black 1px;
  width: fit-content;
}
.guesses .guess td {
  font-size: 3ex;
  text-align: center;
  width: 3.5vw;
  border: solid black 1px;
}
.guesses .guess .elsewhere {
  background: yellow;
}
.guesses .guess .unused {
  background: #f99;
}
.guesses .guess .match {
  background: #9f9;
}
.guesses .guess td.dictionary_link {
  border: none;
}
.guesses .guess a.dictionary_link {
  text-decoration: none;
}

#available_letters button.elsewhere {
  background: yellow;
}
#available_letters button.elsewhere.not_here {
  background: #76760a;
}
#available_letters button.unused {
  background: #971c1c;
}
#available_letters button.match {
  background: #9f9;
}
#available_letters button.match.not_here {
  background: #4a4;
}