html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

body {
  background-color: #07071c;
  background-image: url("https://transparenttextures.com/patterns/carbon-fibre.png");
  animation: moves 200s infinite;
  color: #7e8186;
}
body main {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: calc(100vh - 1rem);
  justify-content: center;
  align-items: center;
}
body main h1 {
  font-family: "Moirai One", sans-serif;
  font-size: clamp(3rem, -8.25rem + 36vw, 12rem);
  background-image: radial-gradient(circle, rgba(255, 255, 240, 0.99) 0%, rgb(7, 7, 28) 100%);
  background-size: auto auto;
  -webkit-background-clip: text;
          background-clip: text;
  background-size: 200% auto;
  -webkit-text-fill-color: transparent;
  animation: tmoves 15s ease-out infinite;
}
@keyframes tmoves {
  0% {
    background-position: 0% center;
  }
  50% {
    background-position: 100% center;
  }
  100% {
    background-position: 200% center;
  }
}
body #pretty a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -27vmin;
  font-size: 4vmin;
  position: absolute;
  width: 25vmin;
  height: 25vmin;
  border-radius: 15vmin;
  cursor: default;
  transition: all 0.5s;
  color: #7e8186;
  text-decoration: none;
}
body #pretty a.s1, body #pretty a.s3, body #pretty a.s4, body #pretty a.s5, body #pretty a.s6, body #pretty a.s7, body #pretty a.s8 {
  display: none;
}
body #pretty a.s2 {
  background-image: url(bubble/bubble2.png);
  background-size: contain;
}
body #pretty a.s2:hover {
  color: #f8f8e3;
}
body #pretty a.s9 {
  background-image: url(bubble/bubble9.png);
  background-size: contain;
}
body #pretty a.s9:hover {
  color: #07071c;
}
body footer {
  display: block;
  position: absolute;
  bottom: 1px;
  right: 5px;
}/*# sourceMappingURL=style.css.map */