#79 - Tambourine.html

<div a><div e></div></div>
<div b>
  <span></span>
</div>
<div c>
  <span></span>
</div>
<div d>
  <span></span>
</div>
<div h></div>
<style>
  *{
    background:#6592CF;
  }
  div{
    position:fixed
  }
  div>span{
    position:absolute;
    width:10;
    height:10;
    top:10;
    left:10;
    border-radius:5px;
    background:#243D83;
  }
  [a]{
    top:67;
    left:107;
    height:170;
    width:170;
    border-radius:50%;
    box-shadow:inset 0 0 0 10px #243D83;
    position:relative;
    overflow:hidden;
  }
  [b]{
    top:95;
    left:105;
    height:30;
    width:30;
    border-radius:50%;
    border:10px solid #243D83;
    -webkit-box-reflect:right 90px;
  }
  [c]{
    top:165;
    left:105;
    height:30;
    width:30;
    border-radius:50%;
    border:10px solid #243D83;
    -webkit-box-reflect:right 90px;
  }
  [d]{
    top:55;
    left:175;
    height:30;
    width:30;
    border-radius:50%;
    border:10px solid #243D83;
  }
  [e]{
    position:absolute;
    background:#6592CF;
    top:125;
    left:25;
    height:100;
    width:100;
    border-radius:50%;
    border:10px solid #243D83;
  }
  [h]{
    position:absolute;
    background:#6592CF;
    top:210;
    left:150;
    height:100;
    width:100;
    border-radius:50%;

  }
</style>