* {
  margin: 0;
  box-sizing: border-box;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

html {
  scroll-snap-type: y mandatory;
}

body {
  scroll-snap-type: y mandatory;
  background-image: linear-gradient(to bottom right, #feba33 0%, #ff5450 10%, #1aa5e0 90%, #39c5db 100%);
  background-size: 200% 200%;
  animation: movingBackground 5s ease-in-out infinite alternate;
  background-attachment: fixed;
}

.snapContainer {
  scroll-snap-align: start;
  height: 100vh;
}

@keyframes movingBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
.logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 20vw;
}

.glow {
  animation: glowingLogo 5s linear infinite alternate;
}

@keyframes glowingLogo {
  from {
    filter: blur(8px) saturate(2);
  }
  to {
    filter: blur(2px) saturate(0.5);
  }
}/*# sourceMappingURL=style.css.map */