@font-face {
  font-family: "Super Mario 256";
  src: url("/assets/SuperMario256.ttf") format("truetype");
}
@font-face {
  font-family: "Hylia Serif";
  src: url("/assets/alt-theme/HyliaSerifBeta-Regular.otf") format("opentype");
}
@keyframes bounceButton {
  to {
    transform: scale(0.95);
  }
}
@keyframes gradient-scroll {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 200% 50%;
  }
}
@keyframes bubblePop {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.95;
  }
  30% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
  }
}
@keyframes moon {
  0% {
    transform: translate(-50%, calc(-50% + 20px)) scale(0.5) rotate(-45deg);
    opacity: 0;
  }
  25% {
    transform: translate(calc(-50% - 15px), calc(-50% - 10px)) scale(1.3) rotate(20deg);
    opacity: 1;
  }
  50% {
    transform: translate(calc(-50% + 15px), calc(-50% - 20px)) scale(1.1) rotate(-15deg);
  }
  75% {
    transform: translate(calc(-50% - 5px), calc(-50% - 25px)) scale(1.2) rotate(10deg);
  }
  100% {
    transform: translate(-50%, calc(-50% - 30px)) scale(1.1) rotate(0deg);
    opacity: 1;
  }
}
#clock {
  font-family: "Hylia Serif" !important;
  display: inline-block;
  white-space: nowrap;
  max-width: 100vw;
  overflow: hidden;
  font-size: clamp(3rem, 15vw, 20rem);
  text-align: center;
  background: linear-gradient(to right, cyan, #A5F2F3, #B3E7F4, #DDF9F1, #E25C46, #E42217, #CF1020, #AA0033, cyan);
  background-size: 200% 100%;
  animation: gradient-scroll 40s linear infinite;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 0.01em !important;
}/*# sourceMappingURL=clock.css.map */