@font-face {
	font-family: 'Whitney-Book';
	src: url(./Whitney-Book.ttf);
}

body {
  font-family: "Whitney-Book";
  background-color: #200022;
  text-align: center;
  color: burlywood;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  display:flex;
}

.counercontainer {
    display: flex;
    justify-content: center;
}

.sign {
  font-size: 30px;
}


.box
{
  margin: 15px;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  flex-direction:column;
  transition: transform .2s;
}
/* .box:hover
{
 transform:scale(1.2);
} */
.box .percent
{
  width:90px;
  height:90px;
  position:relative;
}
.box .percent svg
{
  width:100px;
  height:100px;
  position:relative;
}
.box .percent svg circle
{
  width:100px;
  height:100px;
  fill:none;
  stroke-width:3;
  stroke:#000;
  transform:translate(5px,5px);
  stroke-dasharray:250;
  stroke-dashoffset:250;
  stroke-linecap:round;
}
.box .percent svg circle:nth-child(1)
{
  stroke-dashoffset:0;
  stroke:burlywood;
}
.box .percent svg circle:nth-child(2)
{
  stroke-dashoffset:0;
  stroke:#9e03f4;
}
.box .percent .num
{
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
}

.box .text {
  margin: 0;
}