/* This document is for styling the planets */
#planet-container {
  display: none;
  padding: 0 5%;
  background: rgb(43, 51, 68);
  position: relative;
  height: 80%;
  width: 70%;
  left: 15%;
  top: calc(10% - 20px);
  border: 1px dashed white;
  border-radius: 10px;
  z-index: 5;
}

.planet {
  display: inline-block;
  background: rgba(255, 255, 255, 1);
  position: relative;
  cursor: pointer;
  border-radius: 100%;
}

.system-col {
  position: relative;
  height: 100%;
  width: 100px;
  flex-grow: 1;
  text-align: center;
  min-width: 75px;
}

.system-col.star-col {
  min-width: 100px;
}

.system-col.spacer {
  width: 20%;
}

#planet-container .exit-button {
  color: white;
  cursor: pointer;
  font-family: 'Futura', sans-serif;
  font-weight: lighter;
  font-size: 26px;
  position: absolute;
  right: 4%;
  top: 2%;
  padding: 6px;
  z-index: 10;
}

#planet-container .exit-button:hover {
  transform: translateY(1px);
  color: lightgrey;
}