*{
    margin: 0;
    padding: 0;
}
html{
    font-size: 10px;
}
body{
    background:#cade01;
}
.droplet{
    width: 180px;
    height: 19rem;
    background: #efea63;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-shadow: inset 6px 42px 20px 0 #8ad000,inset 18px 89px 12px 0 #dce72c,12px 18px 17px 0 #83c100;
}
.droplet::after{
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 4rem;
    background: #f4f1f4;
    border-radius: 37% 54% 46% 46%;
    left: 5rem;
    top: 1.5rem;
    transform: rotateZ(60deg);
}
.droplet::before{
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: #f4f1f4;
    border-radius:50%;
    left: 2.2rem;
    top: 5.5rem;
}