body {background-color: rgb(0, 0, 0); user-select: none; cursor: default}
table {margin-left: auto; margin-right: auto; empty-cells: hide}

.hugeText {font-size: 30px}
.largeText {font-size: 24px}
.bigText {font-size: 20px}
.mediumText {font-size: 18px}
.smallText {font-size: 16px}
.tinyText {font-size: 12px}
.microText {font-size: 8px}
.text {color: rgb(150, 150, 150)}
.redText {color: rgb(220, 20, 60)}
.orangeText {color: rgb(255, 165, 0)}
.yellowText {color: rgb(222, 222, 0)}
.greenText {color: rgb(150, 200, 50)}
.blueText {color: rgb(0, 0, 200)}
.purpleText {color: rgb(150, 0, 210)}
.goldText {color: rgb(212, 175, 55)}
.center {text-align: center}
.hotkey {position: relative; bottom: 1.25px}

.tab {
  background-color: rgb(255, 255, 255);
  border-color: rgb(200, 200, 200);
  border-width: 2px;
  border-radius: 5px;
  border-style: solid;
  padding: 5px;
  margin: 5px;
  margin-top: 25px;
  width: 155px;
  font-size: 21px;
  cursor: pointer;
  transition: color .2s, background-color .2s;
}
.tab:hover {color: rgb(200, 200, 200); background-color: rgb(0, 0, 0)}
.atab {width: 185px}
.button {
  background-color: rgb(25, 25, 25);
  border-color: rgb(75, 0, 255);
  border-width: 5px;
  border-radius: 10px;
  border-style: solid;
  padding: 5px;
  margin: 5px;
  margin-top: 15px;
  width: 210px;
  font-size: 21px;
  cursor: pointer;
  transition: background-color .2s;
}
.button:hover {background-color: rgb(45, 45, 45)}
.mastery {
  background-color: rgb(25, 25, 25);
  border-color: rgb(150, 200, 50);
  border-width: 3px;
  border-radius: 10px;
  border-style: solid;
  padding: 5px;
  margin: 5px;
  margin-top: 15px;
  width: 200px;
  font-size: 21px;
  cursor: pointer;
  transition: background-color .2s;
}
.mastery:hover {background-color: rgb(45, 45, 45)}
.tabBlue {
  color: rgb(0, 0, 200);
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 200);
  border-width: 2px;
  border-radius: 5px;
  border-style: solid;
  padding: 5px;
  margin: 5px;
  width: 155px;
  font-size: 21px;
  cursor: pointer;
  transition: color .2s, background-color .2s;
}
.tabBlue:hover {color: rgb(0, 0, 0); background-color: rgb(0, 0, 200)}
.tabGreen {
  color: rgb(150, 200, 50);
  background-color: rgb(0, 0, 0);
  border-color: rgb(150, 200, 50);
  border-width: 2px;
  border-radius: 5px;
  border-style: solid;
  padding: 5px;
  margin: 5px;
  width: 155px;
  font-size: 21px;
  cursor: pointer;
  transition: color .2s, background-color .2s;
}
.tabGreen:hover {color: rgb(0, 0, 0); background-color: rgb(150, 200, 50)}
.option {
  color: rgb(200, 200, 200);
  background-color: rgb(55, 55, 55);
  border-color: rgb(34, 139, 34);
  border-width: 3px;
  border-radius: 5px;
  border-style: solid;
  padding: 5px;
  margin: 5px;
  height: 70px;
  width: 155px;
  font-size: 18px;
  cursor: pointer;
  transition: color .2s, background-color .2s;
  position: relative;
}
.option:hover {color: rgb(0, 0, 0); background-color: rgb(34, 139, 34)}
.b {
  color: rgb(150, 200, 50);
  border-color: rgb(150, 200, 50);
  border-width: 2px;
  width: 180px;
}

#apxTop {font-size: 32px}
#ppxTop {font-size: 36px}
#incxTop {font-size: 42px}
#ccomplete {width: 210px}
#aprestige {cursor: default}
#aprestigeat {
  color: rgb(212, 175, 55);
  background-color: rgb(25, 25, 25);
  border-color: rgb(127, 127, 127);
  border-width: 1px;
  border-style: solid;
  width: 60px;
  position: relative;
  bottom: 3px;
}
#apenabledInput {cursor: pointer}
#refund {color: rgb(0, 0, 200)}
#stats {position: fixed; top: 5px; left: 5px; z-index: -1}
#unlocks {position: fixed; top: 5px; right: 5px; text-align: right; z-index: -1}
#game {display: none}
#versions {position: fixed; bottom: 5px; left: 5px}