cssbattle5

<div class="t a"></div>
<div class="t b"></div>
<div class="t c"></div>
<style>
  * {
    background: #0B2429;
    position: relative;
    margin: 0;
  }
  .t {
    width: 120px;
    height: 120px;
    background: #F3AC3C;
    border-radius: 50% 0 50% 50%;
    position: absolute;
  }
  .a {
    border-radius: 50%;
    left: 200px;
    top: 30px;
  }
  .b {
    background: #998235;
    border-radius: 50% 0 50% 50%;
    left: 140px;
    top: 90px;
  }
  .c {
    left: 80px;
    top: 150px;
  }
</style>