<div class="start-screen">
<div class="loading">
<div class="loading__element el1">G</div>
<div class="loading__element el2">E</div>
<div class="loading__element el3">C</div>
<div class="loading__element el4">K</div>
<div class="loading__element el5">O</div>
<div class="loading__element el6">G</div>
<div class="loading__element el7">R</div>
<div class="loading__element el8">A</div>
<div class="loading__element el9">F</div>
<div class="loading__element el10">I</div>
<div class="loading__element el11">X</div>
</div>
<div class="loading">
<div class="loading__element el1">W</div>
<div class="loading__element el2">E</div>
<div class="loading__element el3">B</div>
<div class="loading__element el4">-</div>
<div class="loading__element el5">D</div>
<div class="loading__element el6">E</div>
<div class="loading__element el7">S</div>
<div class="loading__element el8">I</div>
<div class="loading__element el9">G</div>
<div class="loading__element el10">N</div>
<div class="loading__element el11">E</div>
<div class="loading__element el12">R</div>
</div>
</div>
.start-screen {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-flow: nowrap column;
      flex-flow: nowrap column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100vh;
}

.loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 24px 0;
}

.loading__element {
  font: normal 100 2rem/1 Roboto;
  letter-spacing: .5em;
}

[class*="el"] {
  -webkit-animation: bouncing 2s infinite ease;
          animation: bouncing 2s infinite ease;
}

.el1 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.el2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.el3 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.el4 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.el5 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.el6 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.el7 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.el8 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.el9 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.el10 {
  -webkit-animation-delay: 1.0s;
          animation-delay: 1.0s;
}

.el11 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.el12 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

@-webkit-keyframes bouncing {
  0%, 100% {
    -webkit-transform: scale3d(2, 2, 2);
            transform: scale3d(2, 2, 2);
  }
  50% {
    -webkit-transform: scale3d(0, 0, 1);
            transform: scale3d(0, 0, 1);
  }
}

@keyframes bouncing {
  0%, 100% {
    -webkit-transform: scale3d(2, 2, 2);
            transform: scale3d(2, 2, 2);
  }
  50% {
    -webkit-transform: scale3d(0, 0, 1);
            transform: scale3d(0, 0, 1);
  }
}
Rerun