#45 - Magical Tree.html

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<style>
  *{
    margin:0;
    background: #1A4341;
  }
  div:nth-child(1) {
    position:fixed;
    left:65;
    bottom:30;
    width: 125px;
    height: 30px;
    background: #998235;
    -webkit-box-reflect:right 20px;
  }
  div:nth-child(2) {
    position:fixed;
    left:65;
    top:0;
    width: 30px;
    height: 210px;
    background: #F3AC3C;
    -webkit-box-reflect:right 210px;
  }
  div:nth-child(3) {
    position:fixed;
    left:185;
    top:0;
    width: 30px;
    height: 300px;
    background: #F3AC3C;
  }
  div:nth-child(4) {
    position:fixed;
    left:125;
    top:0;
    width: 30px;
    height: 150px;
    background: #998235;
    -webkit-box-reflect:right 90px;
  }
  div:nth-child(5) {
    position:fixed;
    left:65;
    bottom:90;
    width: 250px;
    height: 30px;
    background: #F3AC3C;
  }
    div:nth-child(6) {
    position:fixed;
    left:125;
    bottom:150;
    width: 60px;
    height: 30px;
    background: #998235;
    -webkit-box-reflect:right 30px;
  }
</style>