@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
body {
  background-image : url('../img/loading_screen_sda.png');
  background-size : 100%;
}


.bottom {
  margin-top: 49%
}

.progress-text {
  font-family : 'Jost', sans-serif;
  font-size : 18px
}

.progress {
  background-color : rgba(0, 0, 0, 0.413);
}


.progress-container {
  width: 85%;
  height: 2rem;
  background: #444;
  border-radius: 2px;
  overflow: hidden;
  display: flex;
  justify-content: flex-start; /* Align to the left */
}
.progress-bar {
  height: 2rem;
  width: 2%;
  border-radius: 2px;
  background: linear-gradient(to right, rgb(245, 122, 52), rgb(224, 33, 37));
  transition: width 0.4s ease;
}
.progress-text {
  text-align: center;
  padding: 5px;
}

/* .progress-bar {
  background-color : linear-gradient(rgba(42, 112, 250), rgba(31, 78, 246))
} */