#complexitybar{
    height: 3px;
    position: fixed;
    top: 31px;
    background: var(--complex-color);
    width: 0%;
    transition: all 1s;
}

#complexitybar>div{
    position: absolute;
    right: -2px;
    top: -1px;
    width: 5px;
    height: 5px;
    background: var(--complex-color);
    border-radius: 10px;
    --complex-color: lime;
    transition: all 1s;
    animation-name: complex-glow;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-duration: 2s;
    animation-timing-function: ease-in;

}

@keyframes complex-glow {
    0%{
        box-shadow: 0 0 8px 3px var(--complex-color);
    }
    33%{
        box-shadow: 0 0 8px 0px var(--complex-color);
    }
    67%{
        box-shadow: 0 0 8px 0px var(--complex-color);
    }
    100%{
        box-shadow: 0 0 8px 3px var(--complex-color);
    }
}