/* Styles for the body element */
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    overflow: hidden;
    background-color:#FBFAF4;
    scrollbar-width: 20px;
}

/* Styles for the progress bar container */
.progress-container {
    width: 150px;
    height: 5px;
    background-color: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    transition: opacity 0.25s ease-out;
}

.centered {
  width: 150px;
  height: 170px;
    margin:auto;
    left:0;
    right:0;
    top:0;
    bottom:0;
    position:fixed;
  }

.indicator{
  width: 100%;
  height: auto;
    display: block;
    margin-bottom: 15px; 

}

/* Styles for the progress bar */
.progress-bar {
    display: block;
    height: 100%;
    background-color: #E788FF;
    width: 0;
    transition: width 0.2s ease;
    animation: progress 5s ease-in-out forwards;
}

@keyframes progress {
    0% {
      width: 50%;
    }
    100% {
      width: 100%;
    }
  }