cssbattle45

<div class="t z a">
  <i class="t v b"></i>
  <i class="t h c"></i>
  <i class="t v d"></i>
  <i class="t h e"></i>
  <i class="t v z"></i>
</div>
<style>
  * {background: #1A4341}
  .t {
    position: absolute;
  }
  i {
    background: #F3AC3C;
  }
  .z {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .a {
    width: 266.6px;
    height: 300px;
  }
  .v {
    width: 11.1%;
    height: 100%;
  }
  .h {
    width: 100%;
    height: 10%;
  }
  .b {
    height: 70%;
    box-shadow: 238px 0 #F3AC3C;
  }
  .c {
    left: 22.2%;
    top: 40%;
    width: 55.5%;
    background: #998235;
  }
  .d {
    left: 22.2%;
    height: 50%;
    background: #998235;
    box-shadow: 120px 0 #998235;
  }
  .e {
    top: 60%;
    box-shadow: 0 60px #998235;
  }
</style>