.flex-wrapper{display:flex;flex-flow:row nowrap}.single-chart{justify-content:space-around;width:33%}.circular-chart{display:block;margin:10px auto;max-height:250px;max-width:80%}.circle-bg{stroke:#fff}.circle,.circle-bg{fill:none;stroke-width:4}.circle{stroke-linecap:circle;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.circular-chart.orange .circle{stroke:#f69223}.circular-chart.green .circle{stroke:#6fac44}.circular-chart.blue .circle{stroke:#4e74b9}.percentage{fill:#fff;text-anchor:middle;font-family:sans-serif;font-size:.5em;font-style:bold}