/* src/index.css */
html,
body,
#app {
  font-family: "courier new", monospace;
  margin: 0;
  padding: 0;
  background-color: black;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.center {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* src/components/TerminalText.module.css */
.TerminalText_terminal {
  font-family: "courier new", monospace;
  color: green;
}

/* src/stages/Welcome.module.css */
.Welcome_terminal {
  position: absolute;
  top: 0;
  left: 0;
}
.Welcome_welcome {
  position: relative;
}
.Welcome_world {
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes Welcome_fly-through {
  0% {
    transform: scale(1) rotate(0deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(500) rotate(60deg);
  }
}
.Welcome_animate {
  animation: Welcome_fly-through 5s ease-in forwards;
}

/* src/components/Stars.module.css */
.Stars_container {
  overflow: hidden;
}
.Stars_stars {
  aspect-ratio: 1/1;
}
.Stars_fit-width {
  width: 100%;
}
.Stars_fit-height {
  height: 100%;
}

/* src/components/World.module.css */
.World_world {
  clip-path: url(#world-clip);
  background:
    repeating-linear-gradient(
      0deg,
      black,
      black 4px,
      green 5px,
      green 5px);
  width: 670px;
  animation: World_zoom 5s linear;
}
@keyframes World_zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes World_slide-1 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes World_slide-2 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
.World_map {
  stroke: green;
  fill: black;
  --slide-duration: 100s;
}
.World_map:hover {
  fill: green;
}
.World_first {
  animation: var(--slide-duration) linear infinite World_slide-1;
}
.World_second {
  animation: var(--slide-duration) linear infinite World_slide-2;
}
/*# sourceMappingURL=index.css.map */