.flex-wrapper{display:flex;flex-flow:row nowrap}.single-chart{width:33%;justify-content:space-around}.circular-chart{display:block;margin:10px auto;max-width:80%;max-height:250px}.circle-bg{fill:none;stroke:#ffc0cb;stroke-width:3.8}.circle{fill:none;stroke-width:3.8;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-chart.orange .circle{stroke:#ff9f00}.circular-chart.green .circle{stroke:#4cc790}.circular-chart.blue .circle{stroke:#3c9ee5}.circular-chart.pink .circle{stroke:#de3163}.percentage{fill:#666;font-family:sans-serif;font-size:.5em;text-anchor:middle}