:root {
  color: white;
  background-color: black;
}

#main {
  display:flex;
  flex-direction:horizontal;
  gap: 6px;
}

#shop {
  flex:1;
  display: flex;
  flex-direction: column;
}

#upgrades {
  flex:1;
  display: flex;
  flex-direction: column;
}

.shopItem {
  border: 1px solid #ccc;
  padding: 6px;
  margin: 6px 0;
}

.cost {
  color: #049b5a;
}

.cost.bad {
  color: #e24b4a;
}