html, body {
  position: relative;
  z-index: 1;
  height: 100vh;
}

.worm {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.2);
          transform: translate(-50%, -50%) scale(1.2);
  width: 300px;
  margin-left: -50px;
}
.worm path {
  stroke-dasharray: 203px, 345px;
  stroke-dashoffset: 0;
  fill: none;
  stroke: #EEAF9C;
  stroke-width: 13;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  -webkit-animation: worm 1s linear infinite;
          animation: worm 1s linear infinite;
}

@-webkit-keyframes worm {
  0% {
    stroke-dashoffset: 0px;
    -webkit-transform: translateX(119px);
            transform: translateX(119px);
  }
  100% {
    stroke-dashoffset: -136px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes worm {
  0% {
    stroke-dashoffset: 0px;
    -webkit-transform: translateX(119px);
            transform: translateX(119px);
  }
  100% {
    stroke-dashoffset: -136px;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}