cssbattle20

<div class="t"></div>
<div class="q a"></div>
<div class="q b"></div>
<div class="q c"></div>
<style>
  * {background:#62306D;}
  .t {
    width: 140px;
    height: 100px;
    position: absolute;
    left: 100px;
    top: 100px;
    background: #F7EC7D;
    border-right: 60px solid #E38F66; 
  }
  .q {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    background: #62306D;
    box-shadow: 0 100px #62306D;
  }
  .a {
    left: 80px;
    top: 80px;
  }
  .b {
    left: 280px;
    top: 80px;
  }
  .c {
    width: 20px;
    height: 20px;
    left: 230px;
    top: 90px;
  }
</style>