.circlemodal {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
 
}

.circle
{
    border-radius : 50%;

    display: flex;
}
.inner
{
  width:50%;
  aspect-ratio:1/1;
  z-index: 3;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 50%;
}
.middle
{
 width:70%;
 aspect-ratio:1/1;
 z-index: 2;
 position: absolute;
 top: 50%;
 transform: translate(-50%,-50%);
 left: 50%;
}
.outer
{
  width:100%;
  aspect-ratio:1/1;
  z-index: 1;
  position: absolute;
}
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:concentric-circles] [189.1775] DESIGN*/
/*******************************************************************/
/* 0.2 D>D */
/* db 158 */