.barprogress-container h2{
    color: var(--main-astral-white);
}
.progress-bar {
    height: 100%;
    width: 0;
    /* background: linear-gradient(106deg, rgba(254,255,0,0) 0%, rgba(254,255,0,0) 15%, var(--main-astral-green) 15%, var(--main-astral-green) 85%, rgba(254,255,0,0) 85%, rgba(254,255,0,0) 100%); */
    background-repeat: repeat-x;
    background: linear-gradient(112deg, var(--main-astral-green) 0%, var(--main-astral-green) 10%, rgba(254,255,0,0) 10%, rgba(254,255,0,0) 13%, var(--main-astral-green) 13%, var(--main-astral-green) 23%, rgba(254,255,0,0) 23%, rgba(254,255,0,0) 26%, var(--main-astral-green) 26%, var(--main-astral-green) 36%, rgba(254,255,0,0) 36%, rgba(254,255,0,0) 39%, var(--main-astral-green) 39%, var(--main-astral-green) 49%, rgba(254,255,0,0) 49%, rgba(254,255,0,0) 52%, var(--main-astral-green) 52%, var(--main-astral-green) 62%, rgba(254,255,0,0) 62%, rgba(254,255,0,0) 65%, var(--main-astral-green) 65%, var(--main-astral-green) 75%, rgba(254,255,0,0) 75%, rgba(254,255,0,0) 78%, var(--main-astral-green) 78%, var(--main-astral-green) 88%, rgba(254,255,0,0) 88%, rgba(254,255,0,0) 91%, var(--main-astral-green) 91%);
    background-size: 100%;
}