Общие атрибуты для фигур

<div class="main-circle">
  <div class="main-circle__item"></div>
  <div class="main-circle__item"></div>
  <div class="main-circle__item"></div>
  <div class="main-circle__item"></div>
  <div class="main-circle__item"></div>                     
</div>

Столкнулся с проблемой что не выводится фигура, я хотел создать для каждой фигуры одинаковые значения, а именно

.main-circle {
   background: #fff;
   box-shadow: 0px 5px 45px rgba(151, 175, 227, 0.1);
   border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

Это я сделал , чтобы каждый раз новой фигуре "main-circle__item" не прописывать их, но теперь , когда я прописываю разные размеры фигур и их расположение , то они попросту не выводятся , что делать ?

.main-circle__item:nth-child(1) {
   position: absolute;
   width: 45px;
   height: 23px;
   left: 253px;
   top: 172px;
}