body,
html {
  margin: 0px;
  font-family: "Verdana";
  background-color: #fff;
  overflow: hidden;
}

.hidden {
  display: none;
}

#pelmanisms-container {
  position: absolute;
  left: 0px;
  top: 44px;
  width: 402px;
  height: 366px;
  margin: 0px 0px;
  padding-top: 0px;
}

#pelmanisms-json {
  margin: 4px;
  margin-top: 40px;
  height: 540px;
  overflow-y: auto;
  background-color: #e6e2d8;
}

#container {
  background-color: #f2eaa4;
  width: 702px;
  height: 606px;
  margin: 0px 0px;
  overflow: hidden;
}

#youdecide-yes {
  position: absolute;
  left: 180px;
  top: 512px;
  width: 130px;
  height: 38px;
  font-size: 24px;
  text-align: center;
  border: 2px solid #d44;
  border-radius: 12px;
  background-color: #cec;
  padding-top: 6px;
}

#youdecide-yes:hover {
  background-color: #dfd;
}

#youdecide-no {
  position: absolute;
  left: 340px;
  top: 512px;
  width: 180px;
  height: 38px;
  font-size: 24px;
  text-align: center;
  border: 2px solid #d44;
  border-radius: 12px;
  background-color: #ecc;
  padding-top: 6px;
}

#youdecide-no:hover {
  background-color: #fee;
}

#score {
  position: absolute;
  left: 280px;
  top: 568px;
  width: 200px;
  height: 60px;
  font-size: 24px;
}

#play-again {
  position: absolute;
  left: 246px;
  top: 514px;
  width: 200px;
  height: 42px;
  font-size: 28px;
  text-align: center;
  border: 2px solid #d44;
  border-radius: 12px;
  background-color: #eeb;
  padding-top: 4px;
}

#play-again:hover {
  position: absolute;
  left: 246px;
  top: 514px;
  width: 200px;
  height: 42px;
  font-size: 28px;
  text-align: center;
  border: 2px solid #d44;
  border-radius: 12px;
  background-color: #ffc;
  padding-top: 4px;
}

.card {
  position: absolute;
  width: 88px;
  height: 84px;
  border: 2px solid black;
  border-radius: 4px;
  text-align: center;
  padding: 8px;
  font-size: 24px;
  background-color: #74bdf6;
  color: #fff;
}

.card.mathhax {
  width: 102px;
  height: 98px;
  padding: 0px;
}

.card.solved {
  border: 2px solid #061;
  background-color: #48a868;
  color: #ddd;
}

.card.selected {
  border: 2px solid #f8d;
}

.maths {
  height: 84px;
  font-size: 2.4em;
}

.maths.sortalittle {
  margin-top: 2px;
  font-size: 2.04em;
}

.maths.little {
  margin-top: 22px;
  font-size: 1.1em;
}

.maths.superlittle {
  margin-top: 16px;
  font-size: 0.92em;
}

.maths.supersuperlittle {
  margin-top: 0px;
  font-size: 0.6em;
}

.maths.supersupersuperlittle {
  margin-top: 6px;
  font-size: 18px;
}

.microscopic {
  margin-top: 2px;
  font-size: 16px;
}

.money {
  height: 84px;
  font-size: 0.66em;
  margin-top: 18px;
}

.money.little {
  margin-top: 28px;
  font-size: 0.78em;
}

.card.wide {
  width: 112px;
}

.card.face-down {
  background-color: #48d494;
}

.card img.marginal {
  margin-top: 10px;
}

.card.face-down img {
  display: none;
}

.card.face-down .maths {
  display: none;
}

.card.face-down .money {
  display: none;
}

#nrich {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100vw;
  height: 100vh;
  background-color: #dde;
}

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

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