body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  background-color: #b0b0b0;
}

#logo {
  position: absolute;
  top: 20px;
  left: 20px;
  width: calc(20% + 30px);
}

@media screen and (max-width: 500px) {
  #logo {display: none;}
  #versionText {display: none;}
  .topBarTab {display: block;}
}

#statsDiv {
  float: right;
  width: 250px;
  min-height: 170px;
  margin-bottom: 20px;
  border: 4px solid #808080;
  border-radius: 10px;
  padding: 10px;
  color: #404040;
  background-color: #b0b0b0;
}

.resourceText {
  display: none;
}

#topBar {
  display: flex;
  justify-content: center;
  width: 100%;
}

.topBarTab {
  font-size: 24px;
  margin: 4px;
  padding: 8px;
  user-select: none;
  color: #404040;
}

.topBarTab:hover {
  background-color: #ffffff60;
  cursor: pointer;
}

hr {
  border-top: 3px solid #404040;
}

button {
  border: 4px solid #606060;
  border-radius: 10px;
  font-size: 19px;
  padding: 8px;
  margin-bottom: 6px;
}

.moneyButton {
  width: 150px;
  height: 150px;
  background-color: #d33b3b;
  border: 4px solid #921c1c;
  border-radius: 10px;
  color: #520d0d;
  padding: 0;
  font-size: 19px;
}

.rebirthButton {
  width: 150px;
  height: 150px;
  background-color: #7e48d6;
  border: 4px solid #5a26ad;
  border-radius: 10px;
  color: #30135f;
  padding: 0;
  font-size: 19px;
  display: none;
}

.prestigeButton {
  width: 150px;
  height: 150px;
  background-color: #2db42d;
  border: 4px solid #128012;
  border-radius: 10px;
  color: #083a08;
  padding: 0;
  font-size: 19px;
  display: none;
}

.fireButton {
  width: 150px;
  height: 150px;
  background-color: #e08b1a;
  border: 4px solid #a76612;
  border-radius: 10px;
  color: #643e0b;
  padding: 0;
  font-size: 19px;
  display: none;
}

.waterButton {
  width: 150px;
  height: 150px;
  background-color: #1567d1;
  border: 4px solid #07499e;
  border-radius: 10px;
  color: #062a58;
  padding: 0;
  font-size: 19px;
  display: none;
}

button:hover {
  cursor: pointer;
}

#upgradeDiv {
  display: none;
}

#optionsDiv {
  display: none;
}

h1 {
  text-align: center;
  color: #404040;
}

#versionText {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 5px;
  color: #404040;
  text-align: right;
}