/* Cool infinite background scrolling animation.
 * Twitter: @kootoopas
 */
/* Exo thin font from Google. */
/* Background data (Original source: https://subtlepatterns.com/grid-me/) */
@import url(https://fonts.googleapis.com/css?family=Exo:100);
/* Animations */
@-webkit-keyframes bg-scrolling-reverse {
  100% {
    background-position: 400px 400px;
  }
}
@-moz-keyframes bg-scrolling-reverse {
  100% {
    background-position: 400px 400px;
  }
}
@-o-keyframes bg-scrolling-reverse {
  100% {
    background-position: 400px 400px;
  }
}
@keyframes bg-scrolling-reverse {
  100% {
    background-position: 400px 400px;
  }
}
@-webkit-keyframes bg-scrolling {
  0% {
    background-position: 400px 400px;
  }
}
@-moz-keyframes bg-scrolling {
  0% {
    background-position: 400px 400px;
  }
}
@-o-keyframes bg-scrolling {
  0% {
    background-position: 400px 400px;
  }
}
@keyframes bg-scrolling {
  0% {
    background-position: 400px 400px;
  }
}
/* Main styles */
body {
  margin-top: 13.5rem;
  color: #000000;
  font: 400 26px/2.5 "PIZZA TOWER";
  text-align: center;
  /* img size is 100x100 */
  background: url("/noise_bubble.png") repeat 0 0;
  -webkit-animation: bg-scrolling-reverse 10s infinite;
  /* Safari 4+ */
  -moz-animation: bg-scrolling-reverse 10s infinite;
  /* Fx 5+ */
  -o-animation: bg-scrolling-reverse 10s infinite;
  /* Opera 12+ */
  animation: bg-scrolling-reverse 10s infinite;
  /* IE 10+ */
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}