body {
  background: #f5f3f3;
  background: #28262f;
  overflow: hidden;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.85) 100%),
    url('milky-way2.png') no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0;
}

canvas {
  overflow: hidden;
  display: block;
  margin: 0 auto;
}

.background {
  display: block;
  margin: 0 auto;
}

#reset-button,
#chart-button,
#history-button {
  height: 40px;
  border: none;
  border-radius: 5px;
  padding: 0px 15px;
  background: #f55555;
  color: #fff;
  cursor: pointer;
  /* box-shadow: 0px 3px 5px #b3b3b3; */
  width: 100px;
}

#chart-button {
  background: #1ca7dc;
  /* left: 120px; */
  width: 100px;
}

#reset-button {
  background: #53b17e;
}

#cycle-counter-container {
  position: absolute;
  top: 45px;
  left: 250px;
}

#info-tables-container {
  position: absolute;
  top: 95px;
  right: 50px;
}

#info-tables-container table {
  position: relative;
  margin-right: 0px;
}

#cycle-counter-container button {
  background: #ffffff;
  border: none;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  font-size: 11px;
  color: #333;
}

table {
  width: 400px;
  text-align: center;
  position: absolute;
  right: 0px;
  margin-right: 50px;
  font-size: 15px;
  font-weight: bold;
  border-collapse: collapse;
  /* box-shadow: 0px 3px 5px #c5c5c5; */
  background: #fff;
}

tr {
  height: 40px;
}

thead>tr>td {
  padding: 0 5px;
}

thead>tr {
  background: #8c8c8c;
  color: #fff;
}

.tippy-tooltip.tomato-theme {
  background: #5f5f5fcc;
}

.tippy-popper[x-placement^='top'] .tippy-tooltip.tomato-theme .tippy-arrow {
  border-top-color: #5f5f5fcc;
}

.tippy-popper[x-placement^='bottom'] .tippy-tooltip.tomato-theme .tippy-arrow {
  border-bottom-color: #5f5f5fcc;
}

.tippy-popper[x-placement^='left'] .tippy-tooltip.tomato-theme .tippy-arrow {
  border-left-color: #5f5f5fcc;
}

.tippy-popper[x-placement^='right'] .tippy-tooltip.tomato-theme .tippy-arrow {
  border-right-color: #5f5f5fcc;
}

#earth {
  width: 300px;
  height: 300px;
  position: absolute;
  display: block;
  left: calc(50vw - 150px);
  top: calc(50vh - 150px);
  z-index: -100;
}

.link-container {
  position: absolute;
  top: 430px;
  right: 50px;
}

.link-container a {
  color: white;
  margin: 0 10px;
}

.version-numbers {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.version-numbers span {
  color: white;
  margin: 0 10px;
}