/* Cool infinite background scrolling animation.
 * Twitter: @kootoopas
 */
/* Exo thin font from Google. */
/* Background data (Original source: https://subtlepatterns.com/grid-me/) */

$bg-url: "https://mew.re/uploads/bearybackground.png";
$bg-width: 1800px;
$bg-height: 900px;

/* Animations */
@-webkit-keyframes bg-scrolling-reverse {
  100% {
    background-position: 303px 336px;
  }
}
@-moz-keyframes bg-scrolling-reverse {
  100% {
    background-position: 303px 336px;
  }
}
@-o-keyframes bg-scrolling-reverse {
  100% {
    background-position: 303px 336px;
  }
}

@-webkit-keyframes bg-scrolling {
  50% {
    background-position: 303px 336px;
  }
}
@-moz-keyframes bg-scrolling {
  50% {
    background-position: 303px 336px;
  }
}
@-o-keyframes bg-scrolling {
  50% {
    background-position: 303px 336px;
  }
}
@keyframes bg-scrolling {
  50% {
    background-position: 303px 336px;
  }
}
/* Main styles */
body {
  margin-top: 1rem;
      /* img size is 50x50 */
  background: url("https://mew.re/uploads/bearyrot.gif") repeat 0 0;
  -webkit-animation: bg-scrolling-reverse 1.92s infinite;
  /* Safari 4+ */
  -moz-animation: bg-scrolling-reverse 1.92s infinite;
  /* Fx 5+ */
  -o-animation: bg-scrolling-reverse 1.92s infinite;
  /* Opera 12+ */
  animation: bg-scrolling-reverse 1.92s infinite;
  /* IE 10+ */
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}