body {
    background-color: #008080;
}

.pace-progress{background:-webkit-gradient(linear,left top,right top,color-stop(20%,#41cc83),color-stop(40%,#335ceb),color-stop(60%,#ed5e4a),color-stop(80%,#986de5));background:linear-gradient(to right,#41cc83 20%,#335ceb 40%,#ed5e4a 60%,#986de5 80%);position:fixed;z-index:2000;top:0;left:0;right:100%;width:100%;height:3px}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
}

.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}