* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

.container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

@keyframes aura {
  0% {
    transform: rotate(20deg);
  }
  20% {
    transform: translateY(100px) rotate(1deg);
  }
  40% {
    transform: rotate(-15deg);
  }
  60% {
    transform: rotate(-1deg);
  }
  80% {
    transform: translateY(-10px) rotate(16deg);
  }
  100% {
    transform: rotate(1deg);
  }
}

@keyframes northern {
  0% {
    transform: translate(5%, -2%);
  }
  25% {
    transform: translate(10%, 7%);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: translate(7%, -2%);
  }
  85% {
    transform: translate(10%, 3%) rotate(15deg);
  }
  100% {
    transform: none;
  }
}

.auroral-agrabah {
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  animation-name: aura;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background: linear-gradient(-20deg, rgba(26, 0, 192, 0.4) 40%, rgba(215, 0, 67, 0.4)), linear-gradient(60deg, #1a00c0 10%, #d70043);
}

.auroral-northern {
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  animation-name: northern;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background: linear-gradient(10deg, #a1d9b4 20%, #32988a 40%, #000e3c 70%);
}

.auroral-northern-intense {
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  animation-name: aura;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background: linear-gradient(10deg, #b7a841 20%, #a1006a 40%, #371d40 60%);
}

.aurora-northern-dimmed {
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  animation-name: northern;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background: linear-gradient(-45deg, rgba(237, 124, 148, 0.3) 20%, rgba(35, 82, 154, 0.3) 70%), linear-gradient(10deg, #916b63 7%, #b8ba6f 20%, #ed7c94 40%, #23529a 60%);
}

.aurora-northern-dusk {
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  animation-name: northern;
  animation-duration: 15s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  background: linear-gradient(-35deg, rgba(145, 107, 99, 0.5) 15%, rgba(184, 186, 111, 0.5) 25%, transparent 60%), linear-gradient(10deg, #916b63 9%, #b8ba6f 30%, #ed7c94 45%, #23529a 65%);
}

.auroral-stars {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background: white;
  box-shadow: 84vw 36vh 0 2px rgba(255, 255, 255, 0.7), 19vw 37vh 0 1px rgba(255, 255, 255, 0.7), 84vw 17vh 0 1px rgba(255, 255, 255, 0.7), 83vw 14vh 0 1px rgba(255, 255, 255, 0.7), 80vw 29vh 0 1px rgba(255, 255, 255, 0.7), 70vw 3vh 0 2px rgba(255, 255, 255, 0.7), 7vw 44vh 0 1px rgba(255, 255, 255, 0.7), 94vw 1vh 0 2px rgba(255, 255, 255, 0.7), 88vw 48vh 0 1px rgba(255, 255, 255, 0.7), 94vw 24vh 0 2px rgba(255, 255, 255, 0.7), 55vw 1vh 0 2px rgba(255, 255, 255, 0.7), 89vw 13vh 0 1px rgba(255, 255, 255, 0.7), 14vw 24vh 0 1px rgba(255, 255, 255, 0.7), 34vw 32vh 0 2px rgba(255, 255, 255, 0.7), 31vw 2vh 0 1px rgba(255, 255, 255, 0.7), 84vw 44vh 0 1px rgba(255, 255, 255, 0.7), 92vw 33vh 0 1px rgba(255, 255, 255, 0.7), 77vw 18vh 0 2px rgba(255, 255, 255, 0.7), 39vw 46vh 0 1px rgba(255, 255, 255, 0.7), 63vw 49vh 0 2px rgba(255, 255, 255, 0.7), 59vw 26vh 0 1px rgba(255, 255, 255, 0.7), 14vw 27vh 0 2px rgba(255, 255, 255, 0.7), 94vw 10vh 0 2px rgba(255, 255, 255, 0.7), 62vw 8vh 0 2px rgba(255, 255, 255, 0.7), 89vw 37vh 0 2px rgba(255, 255, 255, 0.7), 9vw 14vh 0 1px rgba(255, 255, 255, 0.7), 23vw 49vh 0 1px rgba(255, 255, 255, 0.7), 55vw 30vh 0 1px rgba(255, 255, 255, 0.7), 26vw 46vh 0 2px rgba(255, 255, 255, 0.7), 83vw 23vh 0 1px rgba(255, 255, 255, 0.7), 2vw 41vh 0 2px rgba(255, 255, 255, 0.7), 61vw 49vh 0 2px rgba(255, 255, 255, 0.7), 92vw 3vh 0 2px rgba(255, 255, 255, 0.7), 83vw 18vh 0 2px rgba(255, 255, 255, 0.7), 3vw 17vh 0 2px rgba(255, 255, 255, 0.7), 9vw 21vh 0 1px rgba(255, 255, 255, 0.7), 8vw 48vh 0 2px rgba(255, 255, 255, 0.7), 11vw 40vh 0 2px rgba(255, 255, 255, 0.7), 54vw 21vh 0 1px rgba(255, 255, 255, 0.7), 48vw 23vh 0 1px rgba(255, 255, 255, 0.7), 78vw 43vh 0 2px rgba(255, 255, 255, 0.7), 93vw 43vh 0 2px rgba(255, 255, 255, 0.7), 71vw 38vh 0 2px rgba(255, 255, 255, 0.7), 41vw 9vh 0 1px rgba(255, 255, 255, 0.7), 68vw 2vh 0 1px rgba(255, 255, 255, 0.7), 64vw 2vh 0 1px rgba(255, 255, 255, 0.7), 15vw 5vh 0 1px rgba(255, 255, 255, 0.7), 65vw 13vh 0 2px rgba(255, 255, 255, 0.7), 26vw 18vh 0 2px rgba(255, 255, 255, 0.7), 3vw 7vh 0 1px rgba(255, 255, 255, 0.7), 50vw 28vh 0 1px rgba(255, 255, 255, 0.7), 27vw 13vh 0 2px rgba(255, 255, 255, 0.7), 77vw 40vh 0 2px rgba(255, 255, 255, 0.7), 73vw 50vh 0 2px rgba(255, 255, 255, 0.7), 99vw 20vh 0 1px rgba(255, 255, 255, 0.7), 34vw 31vh 0 2px rgba(255, 255, 255, 0.7), 60vw 47vh 0 1px rgba(255, 255, 255, 0.7), 72vw 32vh 0 2px rgba(255, 255, 255, 0.7), 3vw 37vh 0 2px rgba(255, 255, 255, 0.7), 72vw 17vh 0 1px rgba(255, 255, 255, 0.7), 46vw 42vh 0 2px rgba(255, 255, 255, 0.7), 74vw 13vh 0 2px rgba(255, 255, 255, 0.7), 56vw 49vh 0 1px rgba(255, 255, 255, 0.7), 37vw 42vh 0 1px rgba(255, 255, 255, 0.7), 92vw 14vh 0 1px rgba(255, 255, 255, 0.7), 25vw 33vh 0 1px rgba(255, 255, 255, 0.7), 95vw 26vh 0 2px rgba(255, 255, 255, 0.7), 67vw 32vh 0 2px rgba(255, 255, 255, 0.7), 74vw 37vh 0 1px rgba(255, 255, 255, 0.7), 29vw 34vh 0 2px rgba(255, 255, 255, 0.7), 98vw 12vh 0 1px rgba(255, 255, 255, 0.7), 61vw 30vh 0 2px rgba(255, 255, 255, 0.7), 51vw 7vh 0 1px rgba(255, 255, 255, 0.7), 52vw 19vh 0 1px rgba(255, 255, 255, 0.7), 22vw 24vh 0 2px rgba(255, 255, 255, 0.7), 77vw 25vh 0 1px rgba(255, 255, 255, 0.7), 1vw 39vh 0 1px rgba(255, 255, 255, 0.7), 91vw 30vh 0 2px rgba(255, 255, 255, 0.7), 77vw 36vh 0 1px rgba(255, 255, 255, 0.7), 85vw 15vh 0 1px rgba(255, 255, 255, 0.7), 77vw 5vh 0 1px rgba(255, 255, 255, 0.7), 83vw 8vh 0 1px rgba(255, 255, 255, 0.7), 59vw 27vh 0 1px rgba(255, 255, 255, 0.7), 54vw 26vh 0 1px rgba(255, 255, 255, 0.7), 31vw 25vh 0 1px rgba(255, 255, 255, 0.7), 77vw 37vh 0 1px rgba(255, 255, 255, 0.7), 7vw 16vh 0 1px rgba(255, 255, 255, 0.7), 99vw 36vh 0 1px rgba(255, 255, 255, 0.7), 24vw 29vh 0 2px rgba(255, 255, 255, 0.7), 4vw 17vh 0 1px rgba(255, 255, 255, 0.7), 85vw 47vh 0 2px rgba(255, 255, 255, 0.7), 8vw 4vh 0 1px rgba(255, 255, 255, 0.7), 75vw 22vh 0 2px rgba(255, 255, 255, 0.7), 44vw 31vh 0 2px rgba(255, 255, 255, 0.7), 75vw 50vh 0 1px rgba(255, 255, 255, 0.7), 28vw 41vh 0 2px rgba(255, 255, 255, 0.7), 86vw 30vh 0 2px rgba(255, 255, 255, 0.7), 66vw 36vh 0 2px rgba(255, 255, 255, 0.7), 64vw 12vh 0 2px rgba(255, 255, 255, 0.7), 65vw 34vh 0 1px rgba(255, 255, 255, 0.7), 97vw 28vh 0 0 rgba(255, 255, 255, 0.9);
}