#73 - Happy Tiger.html

<div a ></div>
<div b ><div></div></div>
<div c ></div>
<div d ></div>
<div e ></div>
<div f ></div>
<div g ></div>
<div h ></div>
<style>
  *{
    background:#F3AC3C;
  }
  [a]{
    position:absolute;
    top:65;
    left:115;
    width:40;
    height:40;
    background:#1A4341;
    border:10px solid #998235;
    border-radius:50%;
    -webkit-box-reflect:right 50px;
  }
  [b]{
    width:150;
    height:150;
    position:relative;
    background:#998235;
    top:67;
    left:117;
    border-radius:155px 155px 125px 125px;
    overflow:hidden;
  }
  [b]>div{
    width:50;
    height:50;
    position:absolute;
    background:#1A4341;
    transform:rotate(45deg);
    top:-35;
    left:50;
  }
  [c]{
    width:100;
    height:40;
    position:absolute;
    background:white;
    top:170;
    left:150;
    border-radius:65px 65px 155px 155px;
  }
  [d]{
    width:20;
    height:20;
    position:absolute;
    background:#1A4341;
    top:135;
    left:150;
    border-radius:50%;
    -webkit-box-reflect:right 60px;
  }
  [e]{
    width:20;
    height:20;
    position:absolute;
    background:transparent;
    top:160;
    left:165;
    border:10px solid #1A4341;
    border-radius:50%;
    border-top:10px solid transparent;
    border-left:10px solid transparent;
    transform:rotate(45deg);
  }
  [f]{
    width:20;
    height:20;
    position:absolute;
    background:transparent;
    top:160;
    left:195;
    border:10px solid #1A4341;
    border-radius:50%;
    border-top:10px solid transparent;
    border-left:10px solid transparent;
    transform:rotate(45deg);
  }
  [g]{
    width:10;
    height:20;
    position:absolute;
    background:#1A4341;
    top:160;
    left:195;
  }
</style>