.chart{position:relative;display:inline-block;width:171px;height:171px;margin:50px 0 50px 0;text-align:center;}
.chart.first{margin-left:0;}
.chart canvas{position:absolute;top:0;left:0;}
.percent{display:inline-block;line-height:170px;z-index:2;font-size:30px;font-weight:300;}
.percent:after{content:'%';margin-left:0.1em;font-size:.8em;}
.angular{margin-top:100px;}
.angular .chart{margin-top:0;}
.skill-name{bottom:-50px;font-size:26px;font-weight:300;left:0;position:absolute;width:100%;}
.green-circle, .yellow-circle, .purple-circle, .red-circle{position:relative;display:inline-block;width:171px;height:171px;margin:50px 0 50px 74px;text-align:center;}
.green-circle canvas, .yellow-circle canvas, .purple-circle canvas, .red-circle canvas{position:absolute;top:0;left:0;}