.loading-container{
  display: flex;
  // justify-content: space-between;
  flex-direction: column;
  align-items: center;

  .loading-circular{
    display: inline;
    height: 42px;
    width: 42px;
    animation: loading-rotate 2s linear infinite;

    .loading-path{
      animation: loading-dash 1.5s ease-in-out infinite;
      stroke-dasharray: 90,150;
      stroke-dashoffset: 0;
      stroke-width: 2;
      stroke: #ccc;
      stroke-linecap: round;
    }
  }

  .loading-text{
    margin: .5em 0;
  }
}

@keyframes loading-rotate {
  to {
    transform: rotate(360deg)
  }
}

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -40px
  }

  100% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -120px
  }
}