<div class="t"><div class="t1"><div class="t2"></div><div class="t3"></div></div>
</div>
<div class="a"></div>
<style>
  body{
    background:#0B2429;
    display:flex;
    justify-content:center;
    align-items:center;
  }

  .t{
    position:absolute;
    width:200px;
    height:200px;
    left:100;
    background:#998235;
    transform:rotate(45deg);
    z-index:-1;
    border-radius:100px 0 100px 0;
  }
  .t1{
    position:absolute;
    top:10;
    left:10;
    width:180px;
    height:180px;
    border-radius:50%;
    background:#0B2429;
  }
  .t2{
    position:absolute;
    top:20;
    left:20;
    width:140px;
    height:140px;
    border-radius:50%;
    background:#F3AC3C;
  }
  .t3{
    position:absolute;
    top:65;
    left:65;
    width:50px;
    height:50px;
    border-radius:50%;
    background:#0B2429;
  }

</style>