<div class="semi-cir"></div>
<div class="stick"></div>
<div class="bar-1 com"></div>
<div class="bar-2 com"></div>
<div class="com bar-3"></div>
<div class="bar-4 com"></div>
<div class="inv-1 com2"></div>
<div class="inv-2 com2"></div>
<div class="inv-3 com2"></div>
<style>
body{
background:#6592CF;
}
.com{
position:absolute;
background:#060F55;
width: 20px;
height: 107px;
border-top-left-radius:70px;
border-top-right-radius:70px;
}
.com2{
position:absolute;
width: 20px;
height: 100px;
background:#6592CF;
border-bottom-left-radius:70px;
border-bottom-right-radius:70px;
}
.semi-cir{
width: 140px;
height: 100px;
background:#060F55;
position:absolute;
top:150px;
left:130px;
border-bottom-left-radius:70px;
border-bottom-right-radius:70px;
}
.stick{
width: 20px;
height: 100px;
background:#060F55;
position:absolute;
top:248px;
left:190px;
}
.bar-1{
top:50px;
left:130px;
}
.bar-2{
top:50px;
left:170px;
}
.bar-3{
top:50px;
left:210px;
}
.bar-4{
top:50px;
left:250px;
}
.inv-1{
top:60;
left:150px;
}
.inv-2{
top:60;
left:190;
}
.inv-3{
top:60;
left:230px;
}
</style>