body {
  overflow: hidden;
}

div#background {
  position: absolute;
  width: 100vw;
  height: 100vh;
  color: #555555;

  background-color: #222222;
}

a {
  color: #888888;
  text-decoration: none;
}

div#universe {
  position: relative;
  width: calc(100vw + 24px);
  height: calc(100vh + 24px);
  top: -12px;
  left: -12px;

  pointer-events: none;
}

div.galaxy {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;

  top: calc(50% - 6px);
  left: calc(50% - 6px);

  background-color: #cfcfcf;

  animation-duration: 5s;
  animation-fill-mode: both;
}

body:not(.running) div.galaxy:not(#g1) {
  display: none;
}

div#controlpanel {
  min-height: 1em;
  margin-bottom: 8px;
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
}

form#modelchooser {
  margin: 0 auto;
}

form#modelchooser input[type=radio] {
  display: none;
}

form#modelchooser label {
  display: inline-block;
  margin: 0 2em;
  cursor: pointer;
}

form#modelchooser input[name=expmodel]:checked + label {
  color: #cfcfcf;
}

div#title {
  position: absolute;
  text-align: left;
  font-family: Raleway;
  font-weight: 100;
  text-transform: uppercase;
  top: calc(50% + 8px);
  left: calc(50% - 156px);
}

h1 {
  font-size: 24pt;
  margin: 0;
  letter-spacing: 12px;
}

h2 {
  position: relative;
  font-size: 12pt;
  margin: 1px 0 0 7px;
  letter-spacing: 12px;
}

.bootscreen {
  transition: 0.5s opacity;
  opacity: 0;
}

body.prebang .bootscreen {
  opacity: 1;
}