.loading-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
  
    .loading-bg {
      opacity: .3;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: black;
      z-index: 10000;
    }
  
    .loading-text-wrapper {
      z-index: 10001;
      position: absolute;
      top: 25%;
      left: 0;
      width: 100%;
      height: 50%;
      color: ghostwhite;
    }
  
    .spinner {
      font-weight: bold;
      font-size: 100px;
      text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    }
  
    .loading-text {
      font-weight: bold;
      font-size: 1.5rem;
      text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    }
  }