* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #1a1a1a;
  overflow: hidden;
}

.upperbar {
  background: #ff000025;
}

.upperbar p {
  text-align: center;
}

p {
    color: white;
    font-family: monospace;
    font-size: 1.5em;
    text-align: center;
}

.sun_text {
    position: absolute;
    top: 5%;
    left: 15%;
}

.earth_text {
    position: absolute;
    top: 5%;
    left: 75%;
}

.au_text {
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);
}

.earth {
  position: absolute;
  top: 60vh;
  left: 90%;
  image-rendering: pixelated;
  transform: translate(-50%, -50%);
}

.earth img {
  width: 100px;
}

.sun {
    position: absolute;
    top: 60vh;
    transform: translate(-50%, -50%);
    image-rendering: pixelated;
}

.sun img {
    width: 1200px;
}