body {
  background-color: #9c8884;
}
button {
  border: 2px solid #79d61c;
  margin: 1px;
}
td {
  width: 90px;
  background-color: #cfb9ae;
  border-bottom: 2px solid #695142;
  text-align: center;
  border-radius: 5px;
}
img {
  width: 30px; height: 30px;
  margin-right: 4px;
}
.gender-0{
  border: 2px solid #9a8db5;
}
.gender-1{
  border: 2px solid #a3791a;
}
.gender-2{
  border: 2px solid #0e65ab;
}
.gender-3{
  border: 2px solid #6e2a1f;
}
.number {
  color: #ffffff;
  width: 100px;
  height: 25px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #695142;
}
.case {
  color: #ffffff;
  width: 100px;
  height: 41px;
  font-weight: bold;
  text-shadow: 2px 2px 2px #695142;
}
#caseCol {
  margin-top: 25px;
}
.cell {
  border: 2px solid #695142;
  margin: 2px;
  height: 35px;
  width: 92px;
  background-color: #fff9d9;
  font-size: 13px;
  font-family: "Tahoma";
  background-repeat: no-repeat;
  background-position: bottom 1px right 1px;
  position: relative;
}
.cellWrong {
  border: 2px solid #FF0000;
  background-color: #FFDCDC;
  background-image: url("bad-job.png");
}
.cellRight {
  border: 2px solid #00FF00;
  background-color: #DCFFDC;
  background-image: url("good-job.png");
}
.cellChecked, .cellAnswer, #statHide {
  display: none;
}
.cellCheckedShow {
  background-image: url("checked.png");
  width: 15px;
  height: 15px;
  position: absolute;
  top: 2px;
  left: 77px;
}
.cellAnswerShow {
  margin-left: 3.5px;
}
#table, #tool {
  display: flex;
  flex-direction: row;
}
input {
  width: 70px;
  height: 13px;
  padding-top: 0px;
  font-size: 13px;
}
#nounHeader {
  height: 51px;
  display: flex;
  flex-direction: row;
}
#nounName {
  font-size: 30px;
  font-weight: bold;
}
#infoText {
  padding-top: 15px;
  padding-left: 10px;
}
#mark {
  color: #bd6208;
}
#nounDefenition {
  font-style: italic;
}
#info {
  width: 486px;
  margin-bottom: 10px;
  padding: 5px;
  border: 2px solid #695142;
  background-color: #f0e7c7;
}
#practice {
  width: 500px;
}
#nouns {
  width: 143.5px;
  margin-right: 10px;
  padding: 5px;
  border: 2px solid #695142;
  background-color: #f0e7c7;
  height: 506px;
  overflow: scroll;
  scrollbar-width: none;
}
#nounList {
  margin: 5px;
}
#keyHelp {
  margin-left: 10px;
  padding: 5px 5px 0px 5px;
}
#statCount {
  margin-top: 10px;
  height: 42px;
  padding: 5px;
  border: 2px solid #695142;
  background-color: #cfb9ae;
}
#switch {
  margin: 4px;
  padding: 0px;
  width: 15px;
}
