.loading-overlay {
      background: radial-gradient(#222922, #000500);
      font-family: 'Source Code Pro', monospace;
      font-weight: 400;
      overflow: hidden;
      padding: 30px 0 0 30px;
      text-align: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9999;
  }

    .word {
      bottom: 0;
      color: #fff;
      font-size: 2.5em;
      height: 2.5em;
      left: 0;
      line-height: 2.5em;
      margin: auto;
      right: 0;
      position: absolute;
      text-shadow: 0 0 10px rgba(50, 255, 50, 0.5), 0 0 5px rgba(100, 255, 100, 0.5);
      top: 0
    }

    .word span {
      display: inline-block;
      transform: translateX(100%) scale(0.9);
      transition: transform 500ms;
    }

    .word .done {
      color: #6f6;
      transform: translateX(0) scale(1);
    }

    .overlay {
      background-image: linear-gradient(transparent 0%, rgba(10, 16, 10, 0.5) 50%);
      background-size: 1000px 2px;
      bottom: 0;
      content: '';
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
    }

  @media only screen and (max-width: 768px) { 
     .loading-overlay {
        display: none;
     }

}