.ball{height:100%;position:relative;border-radius:100%;background:radial-gradient(circle at bottom,#81e8f6,#76deef 10%,#055194 80%,#062745 100%);width:100%;display:inline-block}.ball:before{height:90%;-webkit-filter:blur(5px);filter:blur(5px);top:1%;background:radial-gradient(circle at top,#fff,hsla(0,0%,100%,0) 58%);left:5%;width:90%}.ball:after,.ball:before{content:"";position:absolute;border-radius:100%;z-index:2}.ball:after{height:80%;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-filter:blur(1px);filter:blur(1px);top:5%;left:10%;width:80%;display:none}.ball.bubble-new{height:100px;opacity:.3;background:radial-gradient(circle at 50% 55%,rgba(240,245,255,.9),rgba(240,245,255,.9) 40%,rgba(225,238,255,.8) 60%,rgba(43,130,255,.4));width:100px}.ball.bubble-new:before{height:80%;-webkit-transform:translateX(131%) translateY(58%) rotate(168deg) rotateX(10deg);transform:translateX(131%) translateY(58%) rotate(168deg) rotateX(10deg);-webkit-filter:blur(0);filter:blur(0);background:radial-gradient(circle at 130% 130%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 46%,hsla(0,0%,100%,.8) 50%,hsla(0,0%,100%,.8) 58%,hsla(0,0%,100%,0) 60%,hsla(0,0%,100%,0) 100%);width:40%}.ball.bubble-new:after{background:radial-gradient(circle at 50% 80%,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 74%,#fff 80%,#fff 84%,hsla(0,0%,100%,0) 100%);display:block}.l1,.l2,.l3,.l4,.l5,.r1,.r2,.r3,.r4,.r5{position:absolute}.l1{-webkit-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;-moz-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;-o-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9)}.l2{-webkit-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;-moz-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;-o-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6);left:20%}.l3{-webkit-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;-moz-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;-o-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);left:35%}.l4{-webkit-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;-moz-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;-o-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75);left:45%}.l5{-webkit-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-moz-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-o-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);left:15%}.r1{-webkit-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;-moz-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;-o-animation:moveclouds 15s linear infinite,sideWays 4s ease-in-out infinite alternate;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9)}.r2{-webkit-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;-moz-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;-o-animation:moveclouds 25s linear infinite,sideWays 5s ease-in-out infinite alternate;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6);right:22%}.r3{-webkit-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;-moz-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;-o-animation:moveclouds 20s linear infinite,sideWays 4s ease-in-out infinite alternate;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);right:38%}.r4{-webkit-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;-moz-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;-o-animation:moveclouds 18s linear infinite,sideWays 2s ease-in-out infinite alternate;-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75);right:40%}.r5{-webkit-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-moz-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-o-animation:moveclouds 7s linear infinite,sideWays 1s ease-in-out infinite alternate;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);right:18%}@-webkit-keyframes moveclouds{0%{top:500px}to{top:-500px}}@-webkit-keyframes sideWays{0%{margin-left:0}to{margin-left:50px}}@-moz-keyframes moveclouds{0%{top:500px}to{top:-500px}}@-moz-keyframes sideWays{0%{margin-left:0}to{margin-left:50px}}@-o-keyframes moveclouds{0%{top:500px}to{top:-500px}}@-o-keyframes sideWays{0%{margin-left:0}to{margin-left:50px}}