body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(180deg, rgba(8, 12, 30, 0.45) 0%, rgba(8, 12, 30, 0.7) 70%, rgba(8, 12, 30, 0.9) 100%),
    url("../images/night-sky.webp");
  background-size: cover;
  background-position: center 30%;
  background-repeat: no-repeat;
  animation: sky-fade-in 3s ease-out both;
}

@keyframes sky-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}