.circle-chart { width: 100%; margin-bottom:20px;}
.circle-chart svg{
	min-height: 300px;
	height:42vh;
}
.circle { width: 100%; stroke-dashoffset: 0; animation-iteration-count: 1; animation-name: rotate; animation-duration: 1.5s; animation-direction: reverse; animation-timing-function: ease-in; }
.circle:hover { stroke-width: 20px; r: 53; transition: all 0.3s ease; }

@keyframes rotate { to { stroke-dashoffset: 180; } }