body{background:#5444c4;color:#FFF;margin:0;font-family:Heletica,sans-serif;text-align:center;letter-spacing:.08vw}

.container,.blobs{overflow:hidden}
.liquid,.blob,.text{position:absolute}
.container,.blobs{position:relative}
.liquid,.blob,.text{-webkit-transform:var(--tran);-moz-transform:var(--tran);-ms-transform:var(--tran);-o-transform:var(--tran);transform:var(--tran)}
.liquid,.blob{-webkit-animation:var(--anim);-moz-animation:var(--anim);-ms-animation:var(--anim);-o-animation:var(--anim);animation:var(--anim)}

b{font-size:2.33vw;color:#FFF}

.container{background:transparent;width:25vw;height:25vw;margin:1.25vw auto;box-shadow:0 1.583vw 3.16vw rgba(0,0,0,.3),0 1.25vw 1vw rgba(0,0,0,.22)}

.blobs{top:0;width:25vw;height:25vw;-webkit-filter:url("#goo");-moz-filter:url("#goo");-ms-filter:url("#goo");-o-filter:url("#goo");filter:url("#goo")}
.liquid,.blob{--anim:var(--aName) 5s forwards}
.blobs div{background:#000}
.liquid{--aName:liquid;top:-1%;left:-10%;width:30vw;height:30vw}

.blob{--aName:drip_one;top:0;width:2.5vw;height:2.5vw;margin:0 .416vw 0 0;border-radius:50%}

.blob:nth-child(1){left:-14%}
.blob:nth-child(2){left:-1%}
.blob:nth-child(3){left:12%}
.blob:nth-child(4){left:25%}
.blob:nth-child(5){left:38%}
.blob:nth-child(6){left:51%}
.blob:nth-child(7){left:64%}
.blob:nth-child(8){left:77%}
.blob:nth-child(9){left:90%}

.blob:nth-of-type(4n-7){--aName:drip_four;width:5.416vw}
.blob:nth-of-type(3n-2){--aName:drip_two;width:2.16vw;height:3.5vw}
.blob:nth-of-type(2){width:1.83vw;height:4.66vw}
.blob:nth-of-type(8){--aName:drip_two}
.blob:nth-of-type(4n+2){--aName:drip_five}
.blob:nth-of-type(6n-2){--aName:drip_three}

@keyframes liquid{from{transform:translate3d(0,-29vw,0)}to{transform:translate3d(0,0,0)}}
@keyframes drip_one{to{transform:translate3d(0,27.5vw,0)}}
@keyframes drip_two{to{transform:translate3d(0,27vw,0)scaleY(6)}}
@keyframes drip_three{from{height:4.33vw}to{transform:translate3d(0,28vw,0)scaleY(5)}}
@keyframes drip_four{from{width:5.416vw;height:2.5vw}to{transform:translate3d(0,27.75vw,0)scaleX(.9)scaleY(4)}}
@keyframes drip_five{from{height:2.5vw}to{transform:translate3d(0,27vw,0)scaleY(3.4)}}

.text{--tran:translate(-50%,-50%);top:45%;left:50%;color:#6cd2ff;text-align:center;font-size:5.33vw;font-weight:900}