.app-loader-container {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.app-loader-container .loading-indicator {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}

.app-loader-container .loading-indicator .fad {
  color: #fbb619;
  font-size: 40px;
}

.app-loader-container .loading-indicator img {
  width: 150px;
}

.app-loader-container {
  animation: gradient-animating 4s ease-in-out infinite;
  background: #1e1f24;
  background: linear-gradient(150deg, #1e1f24 0%, #1c174f 20%, #3225ae 100%);
  background-size: 200% 200%;
}

@keyframes gradient-animating {
  0% {
    background-position: 15% 0;
  }
  20% {
    background-position: 40% 80%;
  }
  100% {
    background-position: 25% 0;
  }
}