#flask{
    width:97px;
    height:157px;
    margin:0 auto;
    position:relative;
}
#flask svg{
    top:0;
    left:0;
    z-index:1;
    width:100px;
    height:200px;
    position:absolute;
}
#flask .background{
    left:1px;
    bottom:0;
    z-index:0;
    width:97px;
    height:50px;
    position:absolute;
    background-color:#5BBCFC;
    animation:liquid 3s infinite,liquid-color 80s infinite;
}
.bubble{
    top:130px;
    width:18px;
    height:18px;
    position:absolute;
    background:#5BBCFC;
    border-radius:50%;
}
.b1,.b2,.b3{
    right:26px;
    opacity:.6;
    transform:scale(.4);
    animation:bubble 8s linear infinite,liquid-color 80s infinite,side 2s ease-in-out infinite alternate;
}
.b2{
    right:30px;
    transform:scale(.5);
    animation-delay:2s,0s,2s;
}
.b3{
    right:34px;
    animation-delay:5s,0s,5s;
    animation:bubble 10s linear infinite,liquid-color 80s infinite,side 3s ease-in-out infinite alternate;
}
.b4,.b5{
    right:33px;
    opacity:.8;
    transform:scale(.5);
    animation-delay:4s,0s,4s;
    animation:bubble 16s linear infinite,liquid-color 80s infinite,side 5s ease-in-out infinite alternate;
}
.b5{
    right:27px;
    animation-delay:5s,0s,5s;
}
.b6,.b7,.b8{
    right:32px;
    opacity:.4;
    transform:scale(.6);
    animation-delay:9s,0s,9s;
    animation:bubble 14s linear infinite,liquid-color 80s infinite,side 3s ease-in-out infinite alternate;
}
.b7{
    right:35px;
    transform:scale(.7);
    animation-delay:3s,0s,3s;
}
.b8{
    right:33px;
    animation-delay:7s,0s,7s;
}
.b9,.b0{
    right:35px;
    opacity:.7;
    transform:scale(.65);
    animation:bubble 20s linear infinite,liquid-color 80s infinite,side 5s ease-in-out infinite alternate;
}
.b0{
    right:30px;
    animation-delay:13s,0s,13s;
}
.swirl{
    top:60px;
    left:40px;
    width:10px;
    height:10px;
    position:absolute;
    background:#5bbcfc;
    border-radius:50%;
}
.s0{
    animation:liquid-color 80s infinite,swirl 1s ease-in-out infinite alternate;
}
.s1{
    left:50px;
    transform:scale(1.2);
    animation-delay:0s,2s;
    animation:liquid-color 80s infinite,swirl 2s ease-in-out infinite alternate;
}
.s2{
    left:20px;
    transform:scale(.8);
    animation-delay:0s,3s;
    animation:liquid-color 80s infinite,swirl 2s ease-in-out infinite alternate;
}
.s3{
    left:30px;
    transform:scale(1.4);
    animation-delay:0s,5s;
    animation:liquid-color 80s infinite,swirl 1s ease-in-out infinite alternate;
}
.s4{
    left:60px;
    animation-delay:0s,3s;
    animation:liquid-color 80s infinite,swirl 2s ease-in-out infinite alternate;
}
.s5{
    left:65px;
    transform:scale(.8);
    animation-delay:0s,2s;
    animation:liquid-color 80s infinite,swirl 1s ease-in-out infinite alternate;
}
@-moz-keyframes liquid{
    0%{
height:50px
    }
    10%{
height:47px
    }
    35%{
height:50px
    }
    50%{
height:52px
    }
    80%{
height:48px
    }
    100%{
height:50px
    }
}
@-webkit-keyframes liquid{
    0%{
height:50px
    }
    10%{
height:47px
    }
    35%{
height:50px
    }
    50%{
height:52px
    }
    80%{
height:48px
    }
    100%{
height:50px
    }
}
@-o-keyframes liquid{
    0%{
height:50px
    }
    10%{
height:47px
    }
    35%{
height:50px
    }
    50%{
height:52px
    }
    80%{
height:48px
    }
    100%{
height:50px
    }
}
@keyframes liquid{
    0%{
height:50px
    }
    10%{
height:47px
    }
    35%{
height:50px
    }
    50%{
height:52px
    }
    80%{
height:48px
    }
    100%{
height:50px
    }
}
/* @-moz-keyframes liquid-color{
    from{
-webkit-filter:hue-rotate(-360deg)
    }
    to{
-webkit-filter:hue-rotate(0)
    }
}
@-webkit-keyframes liquid-color{
    from{
-webkit-filter:hue-rotate(-360deg)
    }
    to{
-webkit-filter:hue-rotate(0)
    }
}
@-o-keyframes liquid-color{
    from{
-webkit-filter:hue-rotate(-360deg)
    }
    to{
-webkit-filter:hue-rotate(0)
    }
}
@keyframes liquid-color{
    from{
-webkit-filter:hue-rotate(-360deg)
    }
    to{
-webkit-filter:hue-rotate(0)
    }
} */
@-moz-keyframes bubble{
    0%{
top:100px
    }
    100%{
top:-100px;
opacity:0
    }
}
@-webkit-keyframes bubble{
    0%{
top:100px
    }
    100%{
top:-100px;
opacity:0
    }
}
@-o-keyframes bubble{
    0%{
top:100px
    }
    100%{
top:-100px;
opacity:0
    }
}
@keyframes bubble{
    0%{
top:100px
    }
    100%{
top:-100px;
opacity:0
    }
}
@-moz-keyframes side{
    0%{
margin-right:0
    }
    100%{
margin-right:10px
    }
}
@-webkit-keyframes side{
    0%{
margin-right:0
    }
    100%{
margin-right:10px
    }
}
@-o-keyframes side{
    0%{
margin-right:0
    }
    100%{
margin-right:10px
    }
}
@keyframes side{
    0%{
margin-right:0
    }
    100%{
margin-right:10px
    }
}
@-moz-keyframes swirl{
    0%{
top:112px
    }
    100%{
top:106px
    }
}
@-webkit-keyframes swirl{
    0%{
top:112px
    }
    100%{
top:106px
    }
}
@-o-keyframes swirl{
    0%{
top:112px
    }
    100%{
top:106px
    }
}
@keyframes swirl{
    0%{
top:112px
    }
    100%{
top:106px
    }
}