Magical Tree

<div></div>
<style>
  body {
    display: grid;
    place-content: start center;
    background: #1a4341;
    margin: 0;
  }
  div {
    width: 90px;
    height: 120px;
    background: #1a4341;
    box-shadow:
      0 0 0 30px #998235,
      0 0 0 60px #1a4341,
      0 0 0 90px #f3ac3c,
      0px 30px 0 90px #1a4341,
      0px 60px 0 90px #998235;
  }

  div::after {
    content: '';
    width: 30px;
    height: 100%;
    background: #f3ac3c;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }
</style>