.progress-bar--container {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.progress-bar--main {
  display: flex;
  width: 206px;
  border: 1px solid #7f75b6;
  border-radius: 10px;
  padding: 2px;
}


.progress-bar--loader {
  /* border-radius: 10px; */
  align-self: center;
  width: 1px;
  height: 3px;
  background-color: #7f75b6;
  animation: loading-bar-animation 8s;
  animation-timing-function: ease;
  transform: translateX(99px) scaleX(200);
}

.progress-bar--img {
    padding: 1em;
    height: 100px;
}

.progress-bar--message {
    padding: 1em;
    animation: please-wait-message 10s;
    opacity: 1;
    font-family: Helvetica;
}

@keyframes loading-bar-animation {
    0% {
        transform: translateX(0) scaleX(0);
    }
    100% {
      transform: translateX(99px) scaleX(200);
    }
  }

@keyframes please-wait-message {
    0%   { opacity: 0; }
    80%   { opacity: 0; }
    100% { opacity: 1; }

}