body {
 font-family: 'Roboto', Arial, sans-serif;
  position: relative;
}
header {
   padding: 20px 0;
   background: #fff;
   position: sticky; top: 0;
   display: grid;
   grid-template-columns: 210px 1fr auto auto;
}
.chart{
    width:220px;
    aspect-ratio:1;
    border-radius:50%;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;

    background:conic-gradient(
        #2563eb 40%,
        #10b981 40% 70%,
        #f59e0b 70% 90%,
        #ef4444 90% 100%
    );
   &::before{
    content:"";
    position:absolute;
    width:130px;
    height:130px;
    background:#fff;
    border-radius:50%;
  }
}



.center{
    position:relative;
    z-index:2;
    font:700 32px sans-serif;
}