1-8. Forking Crazy

 

https://cssbattle.dev/play/8

CSSBattle

<div id='head'>
  <div id='pinWrap'>
  <div  class='pin'></div>
  <div id='light' class='pin'></div>
  <div  class='pin'></div>
  <div id='light' class='pin'></div>
  <div class='pin'></div>
  <div id='light' class='pin'></div>
  <div  class='pin'></div>
    </div>
</div>
<div id='tail'></div>
<style>
*{
    margin: 0;
    padding:0;
 	background:#6592CF
  }
  
  body{
    width:400px;
    height:300px;
    position:relative;
  }
  
  div{
    background:#060F55;
  }
  
  #light{
    background:#6592CF;
  }
  
  #head{
    position:absolute;
    width:140px;
    height:200px;
    top:50px;
    left:50%;
    transform:translateX(-50%);
    border-radius:0 0 75px 75px;
  }
  
  #pinWrap{
    width:100%;
    height:100px;
    background: #6592CF; 
    display:flex;    
  }

  .pin{
    width:20px;
    height:110px;
    border-radius:10px 10px 10px 10px;
  }
  
  #tail{
    position:absolute; 
    width:20px;
    height:100px;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
  }
</style>