CSS Battle 19 rain drops

CSS Battle 19 rain drops

<div class="north"></div>
<div class="south"></div>
<div class="west"></div>
<style>
  body{
    background:#F3AC3C;
  }
  div {
    position:absolute;
    width: 80px;
    height: 80px;
    background: #254241;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
  }
  .north{
	top:40px;
	left:160px;
    transform:rotate(45deg);
    border-bottom-left-radius: 40px;
    border-top-right-radius: 40px;
    border-top-left-radius: 40px;
  }
  .west{
    transform: rotate(-45deg);
    top:110px;
    left:80px
  }
  .south{
    transform: rotate(-135deg);
    top:180px;
    left:160px;
  }
  
</style>