HappyTiger.html

<div a>
  <div b></div>
  <div c>
    <div d></div>
    <div e></div>
  </div>
  <div sq></div>
</div>
<div ear></div>
<style>
  body{
    background:#F3AC3C;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  [a]{
    position:relative;
    background:#998235;
    width:150;
    height:150;
    border-radius: 50% 50% 60px 60px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
  [b]{
    background:#1A4341;
    width:20;
    height:20;
    border-radius:50%;
    transform:translate(-40px,-5px);
    -webkit-box-reflect:right 60px;
  }
  [c]{
    background:#FFFFFF;
    width:100;
    height:40;
    position:absolute;
    transform:translate(0,40px);
    border-radius:40px 40px 100px 100px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  [d]{
    background:#1A4341;
    width:10;
    height:30;
    position:absolute;
    transform:translate(0px,-15px);
  }
  [e]{
    position:absolute;
     width:20;
    height:10;
    background:;
    border-radius:0px 0px 80px 80px;
    transform:translate(-15px,0px);
    border:10px solid #1A4341;
    border-top:transparent;
    -webkit-box-reflect:right -10px;
  }
  [sq]{
    position:absolute;
    background:#1A4341;
    width:50;
    height:50;
    transform:translate(0px,-85px) rotate(45deg) ;
  }
  [ear]{
    position:absolute;
    background:#1A4341;
    width:40;
    height:40;
    border-radius:50%;
    transform:translate(-55px,-55px);
    border:10px solid #998235;
    z-index:-5;
    -webkit-box-reflect:right 50px;
  }
</style>