#upg-menu-holder {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  user-select: none;
  background-color: rgb(255, 255, 255);
}

#upg-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;

  border: rgb(189, 189, 189);
  border-style: solid;
}

#perks-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  height: 100%;

  border: rgb(189, 189, 189);
  border-style: solid;
}


.upgrade {
  display: flex;
  flex-direction: row;
  align-items: center;

  width: 93%;
  height: 110px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 15px;
  border: black;
  border-style: solid;

  user-select: none;

  cursor: pointer;
  transition: background-color .15s;
}

.upgrade:hover {
  background-color: rgb(220, 220, 220);
}

.upgradeDiv {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 90%;
  height: 100%;
}

.upgradeImg {
  border: black;
  border-style: solid;
  height: 85%;
  margin-left: 5px;
}

.upgrade-title {
  font-size: 44px;
}

.upgrade-cost-text {
  font-size: 30px;
}


.multi-buttons {
  opacity: 85%;
  width: 17%;
  margin-left: 20px;
  cursor: pointer;

  transition: opacity .15s;
}

.multi-buttons:hover {
  opacity: .65;
}