.loader-back {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #00001B;
  display: block;
  transition: 1s;
  z-index: 100; }

.gooey {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 142px;
  height: 40px;
  margin: -20px 0 0 -71px;
  background: #00001B;
  filter: contrast(20); }
  .gooey .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    background: #00DBFF;
    border-radius: 0;
    transform: translateX(0);
    animation: dot 2.8s infinite; }
  .gooey .dots {
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    animation: dots 2.8s infinite; }
    .gooey .dots span {
      display: block;
      float: left;
      width: 16px;
      height: 16px;
      margin-left: 16px;
      background: #00DBFF;
      border-radius: 0; }

@keyframes dot {
  50% {
    transform: translateX(96px); } }

@keyframes dots {
  50% {
    transform: translateX(-31px); } }