@font-face {
    font-family: k2d;
    src: url(K2D-ExtraLight.ttf);
  }

  @font-face {
    font-family: barcode;
    src: url(LibreBarcode128-Regular.ttf);
  }

html, body {
    touch-action: none;
}
  

h1 {
    text-align: center;
    font-size: 100px;
    font-family: k2d;
}

h2 {
    margin-top: -50px;
    text-align: center;
    font-size: 50px;
    font-family: barcode;
}

body {
    margin: 0;
    overflow: hidden;
  }

.circle {
  position: absolute;
  width: 1000vw;
  height: 1000vh;
  background-size: 40px;
  background: url('bg.png') repeat;
  animation: moveInCircle 10s linear infinite;
  margin-left: 1000px;
}

  @keyframes moveInCircle {
    0% {
      transform: translate(-50%, -50%) rotate(0deg);
      background-position: 0vw;
    }
    50% {
      transform: translate(-50%, -50%) rotate(360deg);
      background-position: 500vw;
    }
    100% {
      transform: translate(-50%, -50%) rotate(720deg);
      background-position: 0vw;
    }
  }