Summit

<div class="top">
  <div class="dark"></div>
</div>

<div class="bottom"></div>
<style>
  body {
    display: grid;
    place-content: center;
    margin: 0;
    background: #191919;
  }
  .top {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #f9e492;
    display: grid;
    place-content: end center;
    overflow: hidden;
    z-index: 1;
    translate: 0 -0.5px;
  }
  .top div {
    border: 91.5px solid transparent;
    border-bottom-color: #191919;
  }

  .bottom {
    border: 140px solid transparent;
    border-bottom-color: #4f77ff;
    position: absolute;
    left: 50%;
    translate: -50%;
    bottom: 0;
  }
</style>