<div class="a"></div>
  <div class="b"></div>
  <div class="ujunga c"></div>
  <div class="ujunga d"></div>
  <div class="ujunga e"></div>
  <div class="ujunga f"></div>
  <div class="ujungb g"></div>
  <div class="ujungb h"></div>
  <div class="ujungb i"></div>

<style>
  body{
    background:#6592CF;
    margin:0;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  div{
    position:absolute;
    background:#060F55;
  }
  .ujunga{
    height:130px;
    width:20px;
    border-top-right-radius:67px;
    border-top-left-radius:67px;
    top:50;
    z-index:9999;
  }

  .ujungb{
    height:40px;
    width:19px;
    border-bottom-right-radius:67px;
    border-bottom-left-radius:67px;
    background:#6592CF;
    top:120;
  }
  .a{
    width:20px;
    height:100px;
    bottom:-10;
  }
  .b{
    width:138px;
    height:100px;
    top:149;
    border-bottom-left-radius:67px;
    border-bottom-right-radius:67px;
  }

  .c{
    right:131;
  }
  .d{
    left:131;
  }

  .e{
    right:170;
  }

  .f{
    left:170
  }

  .g{
    left:151;
  }

  .h{
    right:151;
  }

  .i{
    left:190;
  }

</style>