PERS City Retirement Costs and Liability
:root {
--progress-bar-width: 200px;
--progress-bar-height: 200px;
--font-size: 2rem;
}
.circular-progress {
width: var(--progress-bar-width);
height: var(--progress-bar-height);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.inner-circle {
position: absolute;
width: calc(var(--progress-bar-width) - 100px);
height: calc(var(--progress-bar-height) - 100px);
border-radius: 50%;
background-color: #f0f0f0;
}
.percentage {
position: relative;
font-size: var(--font-size);
color: #333 !i