/*body{
  background-color: #333;
  margin: 0;
  padding: 0;
}

.inner{
  margin: auto 0;
  text-align:center;
}*/

/* Stephen commented all from here down to remove load lag
body{
  overflow: hidden;
}

body.front #anim{
  margin: -34px auto 0;
  width: 221px;
  height: 110px;
}

body.not-front #anim{
  margin: -38px auto 0;
  width: 221px;
  height: 102px;
}

.loading{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #333;
}

.loaded{
  display: none;
}

#anim {
  text-align:center;
  margin:0 auto;
  width: 221px;
  height: 138px;
  display:block;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.infi{
  animation: anim 8.0s steps(97) infinite;
  animation-delay: 1.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation: anim 8.0s steps(97) infinite;
  -webkit-animation-delay: 1.5s;
}

.once{
  animation: anim 8.0s steps(97) 1;
  animation-fill-mode:forwards;
  animation-delay: 1.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -webkit-animation: anim 8.0s steps(97) 1;
  -webkit-animation-fill-mode:forwards;
  -webkit-animation-delay: 1.5s;
}

@keyframes anim {
  from {background-position-x: 0px;}
  to {background-position-x: -21437px;}
}


@keyframes fadeout {
  0% {
    transform: scale(1);
    transform-origin: 50% 50%;
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
*/