.bowl{width:300px;height:300px;margin:auto;background-color:rgba(225,255,255,.1);transform-origin:bottom center;-webkit-animation:animateBowl 5s linear infinite;animation:animateBowl 5s linear infinite}.bowl,.bowlTop{border-radius:50%;border:4px solid #000}.bowlTop{height:32px;width:120px;background-color:#fafafa;top:-10px;left:86px}.bowlTop,.water{position:relative;transform-origin:top center}.water{top:40%;left:1%;background-color:#81d1f7;border-bottom-right-radius:158px;border-bottom-left-radius:158px;-webkit-animation:animateWater 5s linear infinite;animation:animateWater 5s linear infinite;height:140px;width:286px}.waterTop{top:-10px;width:100%;height:20px;background-color:#1fa4e0}.shadow,.waterTop{position:relative;border-radius:50%}.shadow{top:-15px;width:300px;height:30px;margin:auto;background-color:rgba(0,0,0,.4);z-index:-1}img.fish{width:100px;-webkit-animation:animateFish 5s linear infinite;animation:animateFish 5s linear infinite}@-webkit-keyframes animateBowl{0%{transform:rotate(0deg)}25%{transform:rotate(15deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}@keyframes animateBowl{0%{transform:rotate(0deg)}25%{transform:rotate(15deg)}50%{transform:rotate(0deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0deg)}}@-webkit-keyframes animateWater{0%{transform:rotate(0deg)}25%{transform:rotate(-20deg)}50%{transform:rotate(0deg)}75%{transform:rotate(20deg)}to{transform:rotate(0deg)}}@keyframes animateWater{0%{transform:rotate(0deg)}25%{transform:rotate(-20deg)}50%{transform:rotate(0deg)}75%{transform:rotate(20deg)}to{transform:rotate(0deg)}}@-webkit-keyframes animateFish{0%{transform:translate(50px) rotateY(180deg) rotate(-35deg)}50%{transform:translate(150px) rotateY(180deg) rotate(-35deg)}51%{transform:translate(150px) rotateY(0deg) rotate(-35deg)}to{transform:translate(50px) rotateY(0deg) rotate(-35deg)}}@keyframes animateFish{0%{transform:translate(50px) rotateY(180deg) rotate(-35deg)}50%{transform:translate(150px) rotateY(180deg) rotate(-35deg)}51%{transform:translate(150px) rotateY(0deg) rotate(-35deg)}to{transform:translate(50px) rotateY(0deg) rotate(-35deg)}}body{margin:0;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Roboto,sans-serif,source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.e165eb31.chunk.css.map */