.bubble:nth-child(0) {
-webkit-animation: anim-0 26s infinite alternate .4s ease-in-out;
animation: anim-0 26s infinite alternate .4s ease-in-out;
transform: translate3d(85vw,18vh,0);
width: 95px;
height: 95px
}



@-webkit-keyframes anim-0 {
33% {
transform: translate3d(71vw,94vh,0)
}

66% {
transform: translate3d(51vw,26vh,0)
}

100% {
transform: translate3d(83vw,84vh,0)
}
}

@keyframes anim-0 {
33% {
transform: translate3d(71vw,94vh,0)
}

66% {
transform: translate3d(51vw,26vh,0)
}

100% {
transform: translate3d(83vw,84vh,0)
}
}

.bubble:nth-child(1) {
-webkit-animation: anim-1 38s infinite alternate .2s ease-in-out;
animation: anim-1 38s infinite alternate .2s ease-in-out;
transform: translate3d(39vw,48vh,0);
width: 132px;
height: 132px
}

.bubble:nth-child(1)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-1 {
33% {
transform: translate3d(64vw,13vh,0)
}

66% {
transform: translate3d(53vw,6vh,0)
}

100% {
transform: translate3d(68vw,32vh,0)
}
}

@keyframes anim-1 {
33% {
transform: translate3d(64vw,13vh,0)
}

66% {
transform: translate3d(53vw,6vh,0)
}

100% {
transform: translate3d(68vw,32vh,0)
}
}

.bubble:nth-child(2) {
-webkit-animation: anim-2 25s infinite alternate .6s ease-in-out;
animation: anim-2 25s infinite alternate .6s ease-in-out;
transform: translate3d(81vw,42vh,0);
width: 88px;
height: 88px
}

.bubble:nth-child(2)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-2 {
33% {
transform: translate3d(28vw,88vh,0)
}

66% {
transform: translate3d(7vw,67vh,0)
}

100% {
transform: translate3d(74vw,55vh,0)
}
}

@keyframes anim-2 {
33% {
transform: translate3d(28vw,88vh,0)
}

66% {
transform: translate3d(7vw,67vh,0)
}

100% {
transform: translate3d(74vw,55vh,0)
}
}

.bubble:nth-child(3) {
-webkit-animation: anim-3 45s infinite alternate .5s ease-in-out;
animation: anim-3 45s infinite alternate .5s ease-in-out;
transform: translate3d(94vw,100vh,0);
width: 107px;
height: 107px;
}

.bubble:nth-child(3)::after {
background: radial-gradient(#ffff82,#ffce72 40%,rgba(250,76,43,0) 70%)
}

@-webkit-keyframes anim-3 {
33% {
transform: translate3d(29vw,26vh,0)
}

66% {
transform: translate3d(38vw,89vh,0)
}

100% {
transform: translate3d(47vw,15vh,0)
}
}

@keyframes anim-3 {
33% {
transform: translate3d(29vw,26vh,0)
}

66% {
transform: translate3d(38vw,89vh,0)
}

100% {
transform: translate3d(47vw,15vh,0)
}
}

.bubble:nth-child(4) {
-webkit-animation: anim-4 26s infinite alternate .1s ease-in-out;
animation: anim-4 26s infinite alternate .1s ease-in-out;
transform: translate3d(64vw,46vh,0);
width: 112px;
height: 112px
}

.bubble:nth-child(4)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-4 {
33% {
transform: translate3d(36vw,57vh,0)
}

66% {
transform: translate3d(36vw,40vh,0)
}

100% {
transform: translate3d(85vw,24vh,0)
}
}

@keyframes anim-4 {
33% {
transform: translate3d(36vw,57vh,0)
}

66% {
transform: translate3d(36vw,40vh,0)
}

100% {
transform: translate3d(85vw,24vh,0)
}
}

.bubble:nth-child(5) {
-webkit-animation: anim-5 37s infinite alternate .9s ease-in-out;
animation: anim-5 37s infinite alternate .9s ease-in-out;
transform: translate3d(6vw,98vh,0);
width: 135px;
height: 135px
}

.bubble:nth-child(5)::after {
background: radial-gradient(#ffff82,#ffce72 40%,rgba(250,76,43,0) 70%)
}

@-webkit-keyframes anim-5 {
33% {
transform: translate3d(21vw,53vh,0)
}

66% {
transform: translate3d(29vw,48vh,0)
}

100% {
transform: translate3d(55vw,26vh,0)
}
}

@keyframes anim-5 {
33% {
transform: translate3d(21vw,53vh,0)
}

66% {
transform: translate3d(29vw,48vh,0)
}

100% {
transform: translate3d(55vw,26vh,0)
}
}

.bubble:nth-child(6) {
-webkit-animation: anim-6 21s infinite alternate .5s ease-in-out;
animation: anim-6 21s infinite alternate .5s ease-in-out;
transform: translate3d(48vw,8vh,0);
width: 34px;
height: 34px
}

.bubble:nth-child(6)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-6 {
33% {
transform: translate3d(71vw,87vh,0)
}

66% {
transform: translate3d(12vw,88vh,0)
}

100% {
transform: translate3d(62vw,87vh,0)
}
}

@keyframes anim-6 {
33% {
transform: translate3d(71vw,87vh,0)
}

66% {
transform: translate3d(12vw,88vh,0)
}

100% {
transform: translate3d(62vw,87vh,0)
}
}

.bubble:nth-child(7) {
-webkit-animation: anim-7 47s infinite alternate .5s ease-in-out;
animation: anim-7 47s infinite alternate .5s ease-in-out;
transform: translate3d(83vw,83vh,0);
width: 48px;
height: 48px
}

.bubble:nth-child(7)::after {
background: radial-gradient(#ffff82,#ffce72 40%,rgba(250,76,43,0) 70%)
}

@-webkit-keyframes anim-7 {
33% {
transform: translate3d(12vw,78vh,0)
}

66% {
transform: translate3d(53vw,59vh,0)
}

100% {
transform: translate3d(49vw,88vh,0)
}
}

@keyframes anim-7 {
33% {
transform: translate3d(12vw,78vh,0)
}

66% {
transform: translate3d(53vw,59vh,0)
}

100% {
transform: translate3d(49vw,88vh,0)
}
}

.bubble:nth-child(8) {
-webkit-animation: anim-8 38s infinite alternate .9s ease-in-out;
animation: anim-8 38s infinite alternate .9s ease-in-out;
transform: translate3d(68vw,83vh,0);
width: 94px;
height: 94px
}

.bubble:nth-child(8)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-8 {
33% {
transform: translate3d(63vw,72vh,0)
}

66% {
transform: translate3d(96vw,63vh,0)
}

100% {
transform: translate3d(24vw,12vh,0)
}
}

@keyframes anim-8 {
33% {
transform: translate3d(63vw,72vh,0)
}

66% {
transform: translate3d(96vw,63vh,0)
}

100% {
transform: translate3d(24vw,12vh,0)
}
}

.bubble:nth-child(9) {
-webkit-animation: anim-9 47s infinite alternate .6s ease-in-out;
animation: anim-9 47s infinite alternate .6s ease-in-out;
transform: translate3d(59vw,47vh,0);
width: 42px;
height: 42px
}

.bubble:nth-child(9)::after {
background: radial-gradient(#ffff82,#ffce72 40%,rgba(250,76,43,0) 70%)
}

@-webkit-keyframes anim-9 {
33% {
transform: translate3d(45vw,22vh,0)
}

66% {
transform: translate3d(7vw,57vh,0)
}

100% {
transform: translate3d(4vw,33vh,0)
}
}

@keyframes anim-9 {
33% {
transform: translate3d(45vw,22vh,0)
}

66% {
transform: translate3d(7vw,57vh,0)
}

100% {
transform: translate3d(4vw,33vh,0)
}
}

.bubble:nth-child(10) {
-webkit-animation: anim-10 29s infinite alternate .2s ease-in-out;
animation: anim-10 29s infinite alternate .2s ease-in-out;
transform: translate3d(94vw,20vh,0);
width: 104px;
height: 104px
}

.bubble:nth-child(10)::after {
background: radial-gradient(#ffff82,#ffce72 40%,rgba(250,76,43,0) 70%)
}

@-webkit-keyframes anim-10 {
33% {
transform: translate3d(23vw,30vh,0)
}

66% {
transform: translate3d(31vw,23vh,0)
}

100% {
transform: translate3d(87vw,39vh,0)
}
}

@keyframes anim-10 {
33% {
transform: translate3d(23vw,30vh,0)
}

66% {
transform: translate3d(31vw,23vh,0)
}

100% {
transform: translate3d(87vw,39vh,0)
}
}

.bubble:nth-child(11) {
-webkit-animation: anim-11 49s infinite alternate .6s ease-in-out;
animation: anim-11 49s infinite alternate .6s ease-in-out;
transform: translate3d(60vw,84vh,0);
width: 55px;
height: 55px
}

.bubble:nth-child(11)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-11 {
33% {
transform: translate3d(41vw,36vh,0)
}

66% {
transform: translate3d(67vw,87vh,0)
}

100% {
transform: translate3d(41vw,93vh,0)
}
}

@keyframes anim-11 {
33% {
transform: translate3d(41vw,36vh,0)
}

66% {
transform: translate3d(67vw,87vh,0)
}

100% {
transform: translate3d(41vw,93vh,0)
}
}

.bubble:nth-child(12) {
-webkit-animation: anim-12 28s infinite alternate .2s ease-in-out;
animation: anim-12 28s infinite alternate .2s ease-in-out;
transform: translate3d(36vw,39vh,0);
width: 76px;
height: 76px
}

.bubble:nth-child(12)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-12 {
33% {
transform: translate3d(39vw,72vh,0)
}

66% {
transform: translate3d(11vw,34vh,0)
}

100% {
transform: translate3d(34vw,67vh,0)
}
}

@keyframes anim-12 {
33% {
transform: translate3d(39vw,72vh,0)
}

66% {
transform: translate3d(11vw,34vh,0)
}

100% {
transform: translate3d(34vw,67vh,0)
}
}

.bubble:nth-child(13) {
-webkit-animation: anim-13 23s infinite alternate .2s ease-in-out;
animation: anim-13 23s infinite alternate .2s ease-in-out;
transform: translate3d(29vw,72vh,0);
width: 109px;
height: 109px
}

.bubble:nth-child(13)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-13 {
33% {
transform: translate3d(36vw,94vh,0)
}

66% {
transform: translate3d(93vw,99vh,0)
}

100% {
transform: translate3d(44vw,47vh,0)
}
}

@keyframes anim-13 {
33% {
transform: translate3d(36vw,94vh,0)
}

66% {
transform: translate3d(93vw,99vh,0)
}

100% {
transform: translate3d(44vw,47vh,0)
}
}

.bubble:nth-child(14) {
-webkit-animation: anim-14 25s infinite alternate .7s ease-in-out;
animation: anim-14 25s infinite alternate .7s ease-in-out;
transform: translate3d(72vw,41vh,0);
width: 33px;
height: 33px
}

.bubble:nth-child(14)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-14 {
33% {
transform: translate3d(45vw,12vh,0)
}

66% {
transform: translate3d(70vw,9vh,0)
}

100% {
transform: translate3d(10vw,22vh,0)
}
}

@keyframes anim-14 {
33% {
transform: translate3d(45vw,12vh,0)
}

66% {
transform: translate3d(70vw,9vh,0)
}

100% {
transform: translate3d(10vw,22vh,0)
}
}

.bubble:nth-child(15) {
-webkit-animation: anim-15 35s infinite alternate .7s ease-in-out;
animation: anim-15 35s infinite alternate .7s ease-in-out;
transform: translate3d(9vw,58vh,0);
width: 92px;
height: 92px
}

.bubble:nth-child(15)::after {
background: radial-gradient(#ffff82,#ffce72 40%,rgba(250,76,43,0) 70%)
}

@-webkit-keyframes anim-15 {
33% {
transform: translate3d(9vw,79vh,0)
}

66% {
transform: translate3d(57vw,79vh,0)
}

100% {
transform: translate3d(90vw,36vh,0)
}
}

@keyframes anim-15 {
33% {
transform: translate3d(9vw,79vh,0)
}

66% {
transform: translate3d(57vw,79vh,0)
}

100% {
transform: translate3d(90vw,36vh,0)
}
}

.bubble:nth-child(16) {
-webkit-animation: anim-16 32s infinite alternate .9s ease-in-out;
animation: anim-16 32s infinite alternate .9s ease-in-out;
transform: translate3d(29vw,7vh,0);
width: 90px;
height: 90px
}

.bubble:nth-child(16)::after {
background: radial-gradient(#ffff82,#ffce72 40%,rgba(250,76,43,0) 70%)
}

@-webkit-keyframes anim-16 {
33% {
transform: translate3d(60vw,83vh,0)
}

66% {
transform: translate3d(16vw,10vh,0)
}

100% {
transform: translate3d(30vw,86vh,0)
}
}

@keyframes anim-16 {
33% {
transform: translate3d(60vw,83vh,0)
}

66% {
transform: translate3d(16vw,10vh,0)
}

100% {
transform: translate3d(30vw,86vh,0)
}
}

.bubble:nth-child(17) {
-webkit-animation: anim-17 43s infinite alternate .8s ease-in-out;
animation: anim-17 43s infinite alternate .8s ease-in-out;
transform: translate3d(40vw,17vh,0);
width: 115px;
height: 115px
}

.bubble:nth-child(17)::after {
background: radial-gradient(#ffff82,#ffce72 40%,rgba(250,76,43,0) 70%)
}

@-webkit-keyframes anim-17 {
33% {
transform: translate3d(76vw,92vh,0)
}

66% {
transform: translate3d(55vw,31vh,0)
}

100% {
transform: translate3d(16vw,90vh,0)
}
}

@keyframes anim-17 {
33% {
transform: translate3d(76vw,92vh,0)
}

66% {
transform: translate3d(55vw,31vh,0)
}

100% {
transform: translate3d(16vw,90vh,0)
}
}

.bubble:nth-child(18) {
-webkit-animation: anim-18 43s infinite alternate .7s ease-in-out;
animation: anim-18 43s infinite alternate .7s ease-in-out;
transform: translate3d(90vw,52vh,0);
width: 36px;
height: 36px
}

.bubble:nth-child(18)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-18 {
33% {
transform: translate3d(22vw,23vh,0)
}

66% {
transform: translate3d(51vw,20vh,0)
}

100% {
transform: translate3d(73vw,75vh,0)
}
}

@keyframes anim-18 {
33% {
transform: translate3d(22vw,23vh,0)
}

66% {
transform: translate3d(51vw,20vh,0)
}

100% {
transform: translate3d(73vw,75vh,0)
}
}

.bubble:nth-child(19) {
-webkit-animation: anim-19 33s infinite alternate .8s ease-in-out;
animation: anim-19 33s infinite alternate .8s ease-in-out;
transform: translate3d(59vw,77vh,0);
width: 83px;
height: 83px
}

.bubble:nth-child(19)::after {
background: radial-gradient(#fa4c2b,#6aff6e 40%,#010104 70%)
}

@-webkit-keyframes anim-19 {
33% {
transform: translate3d(98vw,17vh,0)
}

66% {
transform: translate3d(83vw,16vh,0)
}

100% {
transform: translate3d(32vw,64vh,0)
}
}

@keyframes anim-19 {
33% {
transform: translate3d(98vw,17vh,0)
}

66% {
transform: translate3d(83vw,16vh,0)
}

100% {
transform: translate3d(32vw,64vh,0)
}
}

.bubble:nth-child(20) {
-webkit-animation: anim-20 39s infinite alternate .6s ease-in-out;
animation: anim-20 39s infinite alternate .6s ease-in-out;
transform: translate3d(72vw,34vh,0);
width: 84px;
height: 84px
}

.bubble:nth-child(20)::after {
background: radial-gradient(#ffff82,#ffce72 40%,rgba(250,76,43,0) 70%)
}

@-webkit-keyframes anim-20 {
33% {
transform: translate3d(53vw,64vh,0)
}

66% {
transform: translate3d(87vw,60vh,0)
}

100% {
transform: translate3d(18vw,16vh,0)
}
}

@keyframes anim-20 {
33% {
transform: translate3d(53vw,64vh,0)
}

66% {
transform: translate3d(87vw,60vh,0)
}

100% {
transform: translate3d(18vw,16vh,0)
}
}