cssbattle8

<div class="m"></div>
<div class="t a"></div>
<div class="t a1 o"></div>
<div class="t b"></div>
<div class="t b1 o"></div>
<div class="t c"></div>
<div class="t c1 o"></div>
<div class="t d"></div>
<div class="t z"></div>
<style>
  * {
    background: #6592CF;
  }
  .m {
    background: #060F55;
    width: 140px;
    height: 140px;
    position:absolute;
    top: 110px;
    left: 130px;
    border-radius: 0 0 50% 50%
  }
  .t {
    background: #060F55;
    width: 20px;
    height: 110px;
    border-radius: 50px 50px 50px 50px;
    position:absolute;
    top: 50px;
  }
  .o {
     background: #6592CF;
  }
  .a {
    left: 130px;
  }
  .b {
    left: 170px;
  }
  .c {
    left: 210px;
  }
  .d {
    left: 250px;
  }
  .a1 {
    left: 150px;
  }
  .b1 {
    left: 190px;
  }
  .c1 {
    left: 230px;
  }
  .z {
    top: 240px;
    left: 190px;
  }
</style>