	.circle-chart__circle {
		animation: circle-chart-fill 1.8s reverse;
		transform: rotate(-90deg);
		transform-origin: center;
	}
	  
	.circle-chart__circle--negative {
		transform: rotate(-90deg) scale(1,-1);
	}
	  
	.circle-chart__red {
		animation: circle-chart-fill2 1.8s reverse;
		transform: rotate(-90deg);
		transform-origin: center;
	}

	.circle-chart__red--negative {
		transform: rotate(-90deg) scale(1,-1);
	}

	.circle-chart__info {
		animation: circle-chart-appear 2s forwards;
		opacity: 0;
		transform: translateY(0.3em);
	}
	
	.TitleBar h2 {
		font-weight: bold;
		font-size: 23px !important;
		margin-bottom: 25px;
	}

	.ProgressCinebench {
		margin-top: 10px;
		margin-bottom: 64px;
	}

	@keyframes circle-chart-fill {
		to { stroke-dasharray: 0 100; }
	}

	@keyframes circle-chart-fill2 {
		to { stroke-dasharray: 0 100; }
	}

	@keyframes circle-chart-appear {
		to {
				opacity: 1;
				transform: translateY(0);
			}
	}