@import url("https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
  }
}

body {
  font-size: 40px;
  font-family: "Space Mono", "Noto Color Emoji", "Noto Emoji", monospace;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #cdddcd;
  background-color: #000000;
  text-shadow: 0 0 1rem #000000;

  user-select: none;
  image-rendering: pixelated;

  background-image: url("/bg.png");
  background-attachment: fixed;
  background-repeat: repeat;
  background-size: 400px;

  animation: bg 1s infinite;
}

a {
  cursor: pointer;
  text-decoration: none;
}

@keyframes bg {
  0%   { background-image: url("/bg-r.png"); }
  33%  { background-image: url("/bg-g.png"); }
  66%  { background-image: url("/bg-b.png"); }
  100% { background-image: url("/bg-r.png"); }
}