.circular-chart { display: block; margin: 10px auto; max-width: 80%; max-width: 250px; max-height: 250px; }
.circle-bg { fill: none; stroke: #eee; stroke-width: 3.8; }
.circle { fill: none; stroke-width: 2.8; /*stroke-linecap: round;*/ animation: progress 2s ease-out forwards; }
@keyframes progress { 0% { stroke-dasharray: 0 100; } }
.percentage { fill: #000; font-size: 0.5em; font-family: "Montserrat", Sans-serif; font-weight: 600; text-anchor: middle; }