#70 - Froggy.html

<div a>
  <div></div>
</div>
<div b></div>
<div c></div>
<div d></div>
<style>
  *{
   background:#293462;
  }
  [a]{
    position:relative;
    left:117;
    top:102;
    background:#A64942;
    height:100;
    width:150;
    border-radius:75px;
	overflow:hidden;
  }
  [a]>div{
    position:absolute;
    top:-320;
    left:-120;
    border-radius:50%;
    width:390;
    height:390;
    background:#FE5F55;
  }
  [b]{
    width:10;
    height:10;
    position:absolute;
    top:160;
    left:185;
    border-radius:50%;
    -webkit-box-reflect:right 10px;
  }
  [c]{
    width:30;
    height:30;
    background:#FFF1C1;
    border-radius:50%;
    position:absolute;
    left:140px;
   	top:85;
    border:10px solid #FE5F55;
    -webkit-box-reflect:right 20px;
  }
  [d]{
    width:10;
    height:10;
    position:absolute;
    top:105;
    left:160;
    border-radius:50%;
    -webkit-box-reflect:right 60px;
  }
</style>