<div class="prongs"
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<div class="base"></div>
<div class="handle"></div>
<style>
body {
background: #6592CF;
}
div:not(.prongs), span {
background: #060F55;
}
.handle{
width: 20;
height: 60;
position: absolute;
bottom: 0;
left: 190;
}
.base, .prongs {
width: 140;
position: absolute;
left: 130;
}
.base {
z-index: 1;
height: 140;
border-radius: 0 0 280px 280px;
bottom: 50;
}
.prongs {
z-index: 2;
height: 138;
top: 50;
display: flex;
}
span {
width: 20;
height: 110;
}
span:nth-child(even) {
background: #6592CF;
border-radius: 0 0 40px 40px;
}
span:nth-child(odd) {
border-radius:40px 40px 0 0;
}
</style>