a {
    all: unset;
}

.chart {
    position: relative;
    text-align:center;
    /* display: inline-block; */
  }
  .chart canvas {
    position: absolute;
    top: 0;
    left: 0;
  }
  .percent {
    /* display: inline-block; */
    z-index: 2;
  }
  .percent:after {
    content: '%';
    margin-left: 0.1em;
    font-size: .8em;
  }



.textWhite{
	color:var(--tone_0);
}

.glow{
	-moz-box-shadow: 0px 0px 14px var(--main) ;
	-webkit-box-shadow: 0px 0px 14px var(--main) ;
	box-shadow: 0px 0px 14px var(--main) ;

}


.textRed{
	color: #f00;
}

.textGreen{
	color: #0f0;
}

.textArea{
	border:thin solid var(--tone_c);
	background-color:var(--tone_0);
	color:var(--tone_3);

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding:5px;
	padding-left:10px;
	font-family: Montserrat, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:12px;
	font-weight:normal;
   
}