*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:100vh;background-color:#edeeed}.water-drops{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.water-drops__item{position:absolute;width:150px;height:150px;background-color:transparent;-webkit-border-radius:55% 45% 42% 58% / 41% 46% 54% 59%;border-radius:55% 45% 42% 58% / 41% 46% 54% 59%;-webkit-box-shadow:inset 10px 10px 10px rgba(0,0,0,0.05),inset -10px -10px 15px rgba(255,255,255,0.9),15px 25px 10px rgba(0,0,0,0.1),15px 20px 20px rgba(255,255,255,0.05);box-shadow:inset 10px 10px 10px rgba(0,0,0,0.05),inset -10px -10px 15px rgba(255,255,255,0.9),15px 25px 10px rgba(0,0,0,0.1),15px 20px 20px rgba(255,255,255,0.05)}.water-drops__item::before{content:"";position:absolute;top:25px;left:35px;background-color:#fff;width:20px;height:20px;-webkit-border-radius:36% 64% 67% 33% / 36% 43% 57% 64%;border-radius:36% 64% 67% 33% / 36% 43% 57% 64%}.water-drops__item::after{content:"";position:absolute;top:25px;left:65px;background-color:#fff;width:10px;height:10px;-webkit-border-radius:65% 35% 41% 59% / 46% 28% 72% 54%;border-radius:65% 35% 41% 59% / 46% 28% 72% 54%}.water-drops__item:nth-child(2){-webkit-transform:scale(0.6) translate(-130px, 210px);-ms-transform:scale(0.6) translate(-130px, 210px);transform:scale(0.6) translate(-130px, 210px);-webkit-border-radius:55% 45% 29% 71% / 54% 63% 37% 46%;border-radius:55% 45% 29% 71% / 54% 63% 37% 46%}.water-drops__item:nth-child(3){-webkit-transform:scale(0.5) translate(280px, 10px);-ms-transform:scale(0.5) translate(280px, 10px);transform:scale(0.5) translate(280px, 10px);-webkit-border-radius:37% 63% 62% 38% / 59% 58% 42% 41%;border-radius:37% 63% 62% 38% / 59% 58% 42% 41%}.water-drops__item:nth-child(4){-webkit-transform:scale(0.35) translate(280px, 330px);-ms-transform:scale(0.35) translate(280px, 330px);transform:scale(0.35) translate(280px, 330px);-webkit-border-radius:44% 56% 64% 36% / 62% 50% 50% 38%;border-radius:44% 56% 64% 36% / 62% 50% 50% 38%}