#progress-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#progress-bar-block {
    height: 0.7em;
    width: 50vw;
}

#progress-bar-background {
    border-color: #572d80ff;
    border-style: solid;
    border-width: 10pt;
    border-radius: 30pt;

    width: 100%;
    height: 100%;

    color: white;

    position: relative;
}

.fill_in_progress_bar {
    background-color: #572d80ff;
}

#progress-bar-value {
    font-size: 40pt;
}

#progress-bar-progress {
    width: 0%;
    height: 104%;
    background-color: #572d80ff;

    font-size: 24pt;
    color: white;

    position: absolute;
    top: -2%;
    left: -0.5%;
}