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;
}

#modal {
  position: absolute;
  left: 14px;
  top: 52px;
  width: 672px;
  height: 510px;
  font-size: 20px;
  background-color: #bba;
}

#modal-header {
  position: absolute;
  left: 18px;
  top: 14px;
  width: 480px;
  height: 30px;
  font-weight: bold;
}

.modal-row {
  margin: 10px;
}

#modal-close {
  position: absolute;
  left: 634px;
  top: 13px;
  width: 28px;
  height: 28px;
  background: url(closemodal.png);
}

#modal-content {
  position: absolute;
  left: 20px;
  top: 54px;
  width: 628px;
  height: 410px;
  border: 1px solid #222;
  border-radius: 4px;
  padding-top: 10px;
}

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

#caption {
  position: absolute;
  left: 30px;
  top: 568px;
  width: 638px;
  height: 60px;
  font-size: 22px;
}

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

#play-again.bumpdown {
  top: 564px;
  height: 36px;
  padding-top: 0px;
}

#play-again:hover {
  background-color: #ffc;
}

.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.colourset0 {
  border: 2px solid #061;
  background-color: #d29220;
  color: #ddd;
}

.card.solved.colourset1 {
  border: 2px solid #061;
  background-color: #28a224;
  color: #ddd;
}

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

.card.solved.colourset3 {
  border: 2px solid #061;
  background-color: #9868a8;
  color: #ddd;
}

.card.solved.colourset4 {
  border: 2px solid #061;
  background-color: #6858b8;
  color: #ddd;
}

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

.card.solved.colourset6 {
  border: 2px solid #061;
  background-color: #38b8a8;
  color: #ddd;
}

.card.solved.colourset7 {
  border: 2px solid #061;
  background-color: #5888e8;
  color: #ddd;
}

.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: 2px;
  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.xlarge {
  width: 142px;
  height: 100px;
}

.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;
}

.card img {
  margin-top: -2px;
  width: 88px;
  height: 88px;
}

.whiteback {
  background-color: #fff;
}

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

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

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