cssbattle50

<i class="t z v">
  <i class="t z a"></i>
  <i class="t z b"></i>
  <i class="t c"></i>
  <i class="t d"></i>
  <i class="t e"></i>
  <i class="t f"></i>
</i>
<style>
  * {background: #1A4341}
  .t {position: absolute}
  i {background: #F3AC3C}
  .z {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .v {
    width: 200px;
    height: 200px;
    background: none;
  }
  .a {
    width: 10%;
    height: 100%;
  }
  .b {
    width: 50px;
    height: 120px;
    border-radius: 10px;
  }
  .c {
    width: 100px;
    height: 140px;
    border-radius: 20px;
    bottom: 0;
    left: 25%;
    background: linear-gradient(#F3AC3C 55px, #998235 55px);
  }
  .c::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    top: 30px;
    background: #998235;
    box-shadow: 50px 0 #F3AC3C;
  }
  .d {
    width: 75%;
    height: 20px;
    border-radius: 10px;
    top: 0;
    left: 25%;
  }
  .e {
    width: 20px;
    height: 40px;
    border-radius: 10px;
    right: 0;
  }
  .f {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 50px;
    right: 0;
    background: #998235;
    box-shadow: 0 30px #998235;
  }
</style>