* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  position: relative;
  overflow: hidden;
  font-family: Georgia, "Times New Roman", Times, serif;
}

.object {
  height: 80px;
  width: 80px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  transition: all 0.1s;
}

.stars {
  position: fixed;
  inset: 0;
  overflow: hidden;
  background: linear-gradient(
    0.25turn,
    #855988,
    #6b4984,
    #483475,
    #2b2f77,
    #141852,
    #070b34
  );
}

.stars::before,
stars::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 4px;
  background: transparent;
  box-shadow: 5vw 10vh white, 15vw 20vh white, 25vw 70vh white, 35vw 50vh white,
    45vw 90vh white, 10vw 49vh white, 23vw 45vh white, 55vw 15vh white,
    65vw 40vh white, 75vw 80vh white, 85vw 30vh white, 95vw 60vh white,
    10vw 85vh white, 20vw 5vh white, 38vw 24vh white, 30vw 25vh white,
    40vw 75vh white, 50vw 35vh white, 60vw 55vh white, 70vw 10vh white,
    80vw 65vh white, 90vw 45vh white, 100vw 20vh white;
  animation: sparkling 1s ease-in-out infinite;
}

@keyframes sparkling {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

h3 {
  color: white;
  text-transform: uppercase;
  font-size: 1.5rem;
}

img {
  height: 100%;
  width: 100%;
}

.message {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  padding: 20px;
}

.alien1,
.alien2,
.alien3 {
  position: absolute;
  top: 0;
  left: 0;
}