#8 - Forking Crazy.html

<div class='leg'></div>
<div class='f1 bt leg'></div>
<div class='f2 bt leg'></div>
<div class='f3 bt leg'></div>
<div class='f4 bt leg'></div>
<div class='f5 bb'></div>
<div class='f5 f6 bb'></div>
<div class='f5 f7 bb'></div>
<div class='leg square bb'></div>
<style>
  *{
    margin:0;
    background:#6592CF;
  }
  .leg{
    background:#060F55;
    position:absolute;
    width:20;
    height:135;
    top:225;
    left:190;
  }
  .bt{
	border-top-right-radius:50px;
    border-top-left-radius:50px;
  }
    .f1{
    top:50;
    left:130;
  }
  .f2{
    top:50;
    left:170;
  }
	.f3{
    top:50;
    left:210;
  }
	.f4{
    top:50;
    left:250;
  }
  .bb{
        border-bottom-right-radius:500px;
    border-bottom-left-radius:500px;
  }
  .square{
    width:140px;
    height:100px;
    top:150;
    left:130;
  }
  .f5{
    z-index:1;
    background:#6592CF;
    left:150px;
    width:20px;
    height:160px;
   	position:absolute;
  }
  .f6{
    left:190px;
  }
  .f7{
    left:230px;
  }
</style>