#75 - Hippo.html

<div a></div>
<div b></div>
<div c></div>
<div d></div>
<div e></div>
<div f></div>
<div g></div>
<style>
  *{
    background:#191919;
  }
  [a]{
    position:absolute;
    top:75;
    left:145;
    width:20;
    height:10;
    background:#000000;
    border:5px solid #FE5F55;
    border-radius:50%;
    transform:rotate(45deg);
}
  [b]{
    position:absolute;
    top:75;
    left:225;
    width:20;
    height:10;
    background:#000000;
    border:5px solid #FE5F55;
    border-radius:50%;
    transform:rotate(-45deg);
}
  [c]{
    position:absolute;
    top:75;
    left:135;
    width:130;
    height:100;
    border-radius:60px 60px 0 0;
    background:#FE5F55;
  }
  [d]{
    position:absolute;
    top:125;
    left:160;
    width:10;
    height:10;
    border-radius:50%;
    background:#191919;
    -webkit-box-reflect:right 60px;
  }
  [e]{
    position:absolute;
    top:145;
    left:125;
    width:150;
    height:100;
	border-radius:55px 55px 45px 45px;
    background:#A64942;
  }
  [f]{
    position:absolute;
    top:170;
    left:145;
    width:30;
    height:20;
	border-radius:50%;
    background:#000000;
    transform:rotate(-45deg);
  }
  [g]{
    position:absolute;
    top:170;
    left:225;
    width:30;
    height:20;
	border-radius:50%;
    background:#000000;
    transform:rotate(45deg);
  }
</style>