#loading {
      display: flex;
      position: fixed;
      z-index: 66666;
      width: 100%;
      height: 100%;
      align-content: center;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background: #f0f0f0;     /* #fff; */
      color: #005c8a;
      opacity: 1;
      transition: all 500ms ease 0s;
   }
   
   #resolution {
      display: flex;
      position: fixed;
      z-index: 66666;
      width: 100%;
      height: 100%;
      align-content: center;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background: #f0f0f0;     /* #fff; */
      color: #005c8a;
      opacity: 1;
      transition: all 500ms ease 0s;
   }
   
   .loader_text {
      display: block;
      margin: 10px 0;
      opacity: 0.5;
   }
   .loader_text2 {
      display: block;
      margin: 10px 0;
      opacity: 0.5;
   }
   .loader_anim {
      margin-top: 24px;
      display: block;
      width: 195px;
      height: 4.5px;
      background: linear-gradient(to right, #1070a0, #2189bd, #349acd, #2189bd, #2189bd, #9ccefb, #1070a0, #2189bd, #349acd, #2189bd, #2189bd, #9ccefb, #1070a0);
      background-size: 200%;
      z-index: 1;
      background-position: 0 0;
      animation: 1s linear 100ms infinite normal both rainbow;
   }

   @keyframes rainbow {
      0% {
         background-position: 0 0;
      }
      100% {
         background-position: 100% 0;
      }
   }