cssbattle36

<i class="a"></i>
<i class="a b"></i>
<i class="a c"></i>
<i class="a d"></i>
<i class="a e"></i>
<style>
  * {background:#1A4341}
  .a {
    width: 50px;
    height: 200px;
    background: #F3AC3C;
    border-radius: 50px 50px 0 0;
    position: absolute;
    left: 25px;
    bottom: 0;
  }
  .a:nth-child(2n) {
    background: #998235;
    transform: rotate(180deg);
    top: 0;
  }
  .b {
    left: 100px;
  }
  .c {
    left: 175px;
  }
  .d {
    left: 250px;
  }
  .e {
    left: 325px;
  }
</style>