body { background: #000; height: 100vh; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .human { position: absolute; top: calc(50% - 250px); left: calc(50% - 1em); font-size: 3rem; } .human_shake.o-x { -webkit-animation: 2500ms shakeX ease-in-out infinite alternate; animation: 2500ms shakeX ease-in-out infinite alternate; } .human_shake.o-y { -webkit-animation: 1000ms shakeY ease-in-out infinite alternate; animation: 1000ms shakeY ease-in-out infinite alternate; } .water { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #000; -webkit-filter: blur(10px) contrast(500) hue-rotate(40deg); filter: blur(10px) contrast(500) hue-rotate(40deg); } .pool { position: absolute; } .pool_wrapper:nth-child(1) { -webkit-animation: rotate 12374ms -20000ms linear infinite; animation: rotate 12374ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(1) .pool { top: calc(50% - 318px / 2); left: calc(50% - 318px / 2); width: 318px; height: 318px; border: 8px solid #6497c4; border-radius: 92% 8% 58% 42% / 57% 87% 13% 43%; } .pool_wrapper:nth-child(2) { -webkit-animation: rotate 11304ms -20000ms linear infinite; animation: rotate 11304ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(2) .pool { top: calc(50% - 410px / 2); left: calc(50% - 410px / 2); width: 410px; height: 410px; border: 8px solid #647547; border-radius: 60% 40% 45% 55% / 34% 71% 29% 66%; } .pool_wrapper:nth-child(3) { -webkit-animation: rotate 11300ms -20000ms linear infinite; animation: rotate 11300ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(3) .pool { top: calc(50% - 508px / 2); left: calc(50% - 508px / 2); width: 508px; height: 508px; border: 8px solid #64f3c6; border-radius: 90% 10% 46% 54% / 21% 65% 35% 79%; } .pool_wrapper:nth-child(4) { -webkit-animation: rotate 6816ms -20000ms linear infinite; animation: rotate 6816ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(4) .pool { top: calc(50% - 361px / 2); left: calc(50% - 361px / 2); width: 361px; height: 361px; border: 8px solid #64dbcd; border-radius: 58% 42% 35% 65% / 88% 57% 43% 12%; } .pool_wrapper:nth-child(5) { -webkit-animation: rotate 9501ms -20000ms linear infinite; animation: rotate 9501ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(5) .pool { top: calc(50% - 537px / 2); left: calc(50% - 537px / 2); width: 537px; height: 537px; border: 8px solid #648494; border-radius: 81% 19% 62% 38% / 90% 60% 40% 10%; } .pool_wrapper:nth-child(6) { -webkit-animation: rotate 10532ms -20000ms linear infinite; animation: rotate 10532ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(6) .pool { top: calc(50% - 519px / 2); left: calc(50% - 519px / 2); width: 519px; height: 519px; border: 8px solid #64f948; border-radius: 31% 69% 26% 74% / 21% 82% 18% 79%; } .pool_wrapper:nth-child(7) { -webkit-animation: rotate 7968ms -20000ms linear infinite; animation: rotate 7968ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(7) .pool { top: calc(50% - 488px / 2); left: calc(50% - 488px / 2); width: 488px; height: 488px; border: 8px solid #648234; border-radius: 84% 16% 70% 30% / 52% 98% 2% 48%; } .pool_wrapper:nth-child(8) { -webkit-animation: rotate 10726ms -20000ms linear infinite; animation: rotate 10726ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(8) .pool { top: calc(50% - 427px / 2); left: calc(50% - 427px / 2); width: 427px; height: 427px; border: 8px solid #64bb50; border-radius: 57% 43% 29% 71% / 33% 49% 51% 67%; } .pool_wrapper:nth-child(9) { -webkit-animation: rotate 7572ms -20000ms linear infinite; animation: rotate 7572ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(9) .pool { top: calc(50% - 487px / 2); left: calc(50% - 487px / 2); width: 487px; height: 487px; border: 8px solid #64f168; border-radius: 24% 76% 83% 17% / 45% 40% 60% 55%; } .pool_wrapper:nth-child(10) { -webkit-animation: rotate 12601ms -20000ms linear infinite; animation: rotate 12601ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(10) .pool { top: calc(50% - 418px / 2); left: calc(50% - 418px / 2); width: 418px; height: 418px; border: 8px solid #64fc5c; border-radius: 39% 61% 29% 71% / 24% 85% 15% 76%; } .pool_wrapper:nth-child(11) { -webkit-animation: rotate 11176ms -20000ms linear infinite; animation: rotate 11176ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(11) .pool { top: calc(50% - 385px / 2); left: calc(50% - 385px / 2); width: 385px; height: 385px; border: 8px solid #64a93f; border-radius: 27% 73% 87% 13% / 93% 87% 13% 7%; } .pool_wrapper:nth-child(12) { -webkit-animation: rotate 8999ms -20000ms linear infinite; animation: rotate 8999ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(12) .pool { top: calc(50% - 486px / 2); left: calc(50% - 486px / 2); width: 486px; height: 486px; border: 8px solid #648653; border-radius: 73% 27% 84% 16% / 47% 32% 68% 53%; } .pool_wrapper:nth-child(13) { -webkit-animation: rotate 13426ms -20000ms linear infinite; animation: rotate 13426ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(13) .pool { top: calc(50% - 360px / 2); left: calc(50% - 360px / 2); width: 360px; height: 360px; border: 8px solid #647788; border-radius: 36% 64% 26% 74% / 99% 99% 1% 1%; } .pool_wrapper:nth-child(14) { -webkit-animation: rotate 14687ms -20000ms linear infinite; animation: rotate 14687ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(14) .pool { top: calc(50% - 378px / 2); left: calc(50% - 378px / 2); width: 378px; height: 378px; border: 8px solid #64b0a9; border-radius: 85% 15% 52% 48% / 80% 26% 74% 20%; } .pool_wrapper:nth-child(15) { -webkit-animation: rotate 7928ms -20000ms linear infinite; animation: rotate 7928ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(15) .pool { top: calc(50% - 405px / 2); left: calc(50% - 405px / 2); width: 405px; height: 405px; border: 8px solid #64d938; border-radius: 54% 46% 30% 70% / 67% 68% 32% 33%; } .pool_wrapper:nth-child(16) { -webkit-animation: rotate 5911ms -20000ms linear infinite; animation: rotate 5911ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(16) .pool { top: calc(50% - 519px / 2); left: calc(50% - 519px / 2); width: 519px; height: 519px; border: 8px solid #64c8c0; border-radius: 58% 42% 28% 72% / 27% 75% 25% 73%; } .pool_wrapper:nth-child(17) { -webkit-animation: rotate 10499ms -20000ms linear infinite; animation: rotate 10499ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(17) .pool { top: calc(50% - 360px / 2); left: calc(50% - 360px / 2); width: 360px; height: 360px; border: 8px solid #647e94; border-radius: 83% 17% 59% 41% / 97% 35% 65% 3%; } .pool_wrapper:nth-child(18) { -webkit-animation: rotate 8765ms -20000ms linear infinite; animation: rotate 8765ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(18) .pool { top: calc(50% - 513px / 2); left: calc(50% - 513px / 2); width: 513px; height: 513px; border: 8px solid #64e091; border-radius: 93% 7% 44% 56% / 38% 65% 35% 62%; } .pool_wrapper:nth-child(19) { -webkit-animation: rotate 12982ms -20000ms linear infinite; animation: rotate 12982ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(19) .pool { top: calc(50% - 543px / 2); left: calc(50% - 543px / 2); width: 543px; height: 543px; border: 8px solid #648e69; border-radius: 94% 6% 92% 8% / 47% 43% 57% 53%; } .pool_wrapper:nth-child(20) { -webkit-animation: rotate 10782ms -20000ms linear infinite; animation: rotate 10782ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(20) .pool { top: calc(50% - 499px / 2); left: calc(50% - 499px / 2); width: 499px; height: 499px; border: 8px solid #647c43; border-radius: 60% 40% 48% 52% / 91% 84% 16% 9%; } .pool_wrapper:nth-child(21) { -webkit-animation: rotate 5416ms -20000ms linear infinite; animation: rotate 5416ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(21) .pool { top: calc(50% - 429px / 2); left: calc(50% - 429px / 2); width: 429px; height: 429px; border: 8px solid #64f6b1; border-radius: 30% 70% 80% 20% / 84% 81% 19% 16%; } .pool_wrapper:nth-child(22) { -webkit-animation: rotate 6372ms -20000ms linear infinite; animation: rotate 6372ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(22) .pool { top: calc(50% - 450px / 2); left: calc(50% - 450px / 2); width: 450px; height: 450px; border: 8px solid #64aaaf; border-radius: 34% 66% 54% 46% / 39% 53% 47% 61%; } .pool_wrapper:nth-child(23) { -webkit-animation: rotate 5693ms -20000ms linear infinite; animation: rotate 5693ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(23) .pool { top: calc(50% - 531px / 2); left: calc(50% - 531px / 2); width: 531px; height: 531px; border: 8px solid #647d58; border-radius: 91% 9% 52% 48% / 56% 73% 27% 44%; } .pool_wrapper:nth-child(24) { -webkit-animation: rotate 10047ms -20000ms linear infinite; animation: rotate 10047ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(24) .pool { top: calc(50% - 436px / 2); left: calc(50% - 436px / 2); width: 436px; height: 436px; border: 8px solid #64f0c3; border-radius: 31% 69% 52% 48% / 69% 84% 16% 31%; } .pool_wrapper:nth-child(25) { -webkit-animation: rotate 13607ms -20000ms linear infinite; animation: rotate 13607ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(25) .pool { top: calc(50% - 377px / 2); left: calc(50% - 377px / 2); width: 377px; height: 377px; border: 8px solid #64de67; border-radius: 73% 27% 65% 35% / 23% 38% 62% 77%; } .pool_wrapper:nth-child(26) { -webkit-animation: rotate 9596ms -20000ms linear infinite; animation: rotate 9596ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(26) .pool { top: calc(50% - 475px / 2); left: calc(50% - 475px / 2); width: 475px; height: 475px; border: 8px solid #6477b8; border-radius: 49% 51% 87% 13% / 28% 99% 1% 72%; } .pool_wrapper:nth-child(27) { -webkit-animation: rotate 11871ms -20000ms linear infinite; animation: rotate 11871ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(27) .pool { top: calc(50% - 307px / 2); left: calc(50% - 307px / 2); width: 307px; height: 307px; border: 8px solid #64985b; border-radius: 56% 44% 90% 10% / 34% 41% 59% 66%; } .pool_wrapper:nth-child(28) { -webkit-animation: rotate 6288ms -20000ms linear infinite; animation: rotate 6288ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(28) .pool { top: calc(50% - 304px / 2); left: calc(50% - 304px / 2); width: 304px; height: 304px; border: 8px solid #64866c; border-radius: 80% 20% 42% 58% / 36% 53% 47% 64%; } .pool_wrapper:nth-child(29) { -webkit-animation: rotate 5428ms -20000ms linear infinite; animation: rotate 5428ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(29) .pool { top: calc(50% - 382px / 2); left: calc(50% - 382px / 2); width: 382px; height: 382px; border: 8px solid #64f578; border-radius: 25% 75% 55% 45% / 29% 25% 75% 71%; } .pool_wrapper:nth-child(30) { -webkit-animation: rotate 11054ms -20000ms linear infinite; animation: rotate 11054ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(30) .pool { top: calc(50% - 364px / 2); left: calc(50% - 364px / 2); width: 364px; height: 364px; border: 8px solid #649e67; border-radius: 29% 71% 47% 53% / 82% 98% 2% 18%; } .pool_wrapper:nth-child(31) { -webkit-animation: rotate 10548ms -20000ms linear infinite; animation: rotate 10548ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(31) .pool { top: calc(50% - 425px / 2); left: calc(50% - 425px / 2); width: 425px; height: 425px; border: 8px solid #64ca56; border-radius: 32% 68% 30% 70% / 55% 49% 51% 45%; } .pool_wrapper:nth-child(32) { -webkit-animation: rotate 11601ms -20000ms linear infinite; animation: rotate 11601ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(32) .pool { top: calc(50% - 522px / 2); left: calc(50% - 522px / 2); width: 522px; height: 522px; border: 8px solid #6483c5; border-radius: 76% 24% 54% 46% / 73% 79% 21% 27%; } .pool_wrapper:nth-child(33) { -webkit-animation: rotate 6742ms -20000ms linear infinite; animation: rotate 6742ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(33) .pool { top: calc(50% - 309px / 2); left: calc(50% - 309px / 2); width: 309px; height: 309px; border: 8px solid #64f935; border-radius: 38% 62% 64% 36% / 60% 49% 51% 40%; } .pool_wrapper:nth-child(34) { -webkit-animation: rotate 9830ms -20000ms linear infinite; animation: rotate 9830ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(34) .pool { top: calc(50% - 469px / 2); left: calc(50% - 469px / 2); width: 469px; height: 469px; border: 8px solid #6475cd; border-radius: 34% 66% 40% 60% / 43% 27% 73% 57%; } .pool_wrapper:nth-child(35) { -webkit-animation: rotate 11509ms -20000ms linear infinite; animation: rotate 11509ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(35) .pool { top: calc(50% - 369px / 2); left: calc(50% - 369px / 2); width: 369px; height: 369px; border: 8px solid #64c047; border-radius: 67% 33% 37% 63% / 90% 24% 76% 10%; } .pool_wrapper:nth-child(36) { -webkit-animation: rotate 8654ms -20000ms linear infinite; animation: rotate 8654ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(36) .pool { top: calc(50% - 516px / 2); left: calc(50% - 516px / 2); width: 516px; height: 516px; border: 8px solid #6483c6; border-radius: 32% 68% 54% 46% / 47% 91% 9% 53%; } .pool_wrapper:nth-child(37) { -webkit-animation: rotate 5558ms -20000ms linear infinite; animation: rotate 5558ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(37) .pool { top: calc(50% - 456px / 2); left: calc(50% - 456px / 2); width: 456px; height: 456px; border: 8px solid #64c269; border-radius: 37% 63% 30% 70% / 31% 70% 30% 69%; } .pool_wrapper:nth-child(38) { -webkit-animation: rotate 5051ms -20000ms linear infinite; animation: rotate 5051ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(38) .pool { top: calc(50% - 436px / 2); left: calc(50% - 436px / 2); width: 436px; height: 436px; border: 8px solid #649786; border-radius: 79% 21% 89% 11% / 81% 50% 50% 19%; } .pool_wrapper:nth-child(39) { -webkit-animation: rotate 11312ms -20000ms linear infinite; animation: rotate 11312ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(39) .pool { top: calc(50% - 419px / 2); left: calc(50% - 419px / 2); width: 419px; height: 419px; border: 8px solid #64ab4e; border-radius: 43% 57% 89% 11% / 100% 79% 21% 0%; } .pool_wrapper:nth-child(40) { -webkit-animation: rotate 12125ms -20000ms linear infinite; animation: rotate 12125ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(40) .pool { top: calc(50% - 538px / 2); left: calc(50% - 538px / 2); width: 538px; height: 538px; border: 8px solid #648c61; border-radius: 92% 8% 86% 14% / 25% 81% 19% 75%; } .pool_wrapper:nth-child(41) { -webkit-animation: rotate 11263ms -20000ms linear infinite; animation: rotate 11263ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(41) .pool { top: calc(50% - 542px / 2); left: calc(50% - 542px / 2); width: 542px; height: 542px; border: 8px solid #64738a; border-radius: 30% 70% 81% 19% / 25% 30% 70% 75%; } .pool_wrapper:nth-child(42) { -webkit-animation: rotate 6685ms -20000ms linear infinite; animation: rotate 6685ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(42) .pool { top: calc(50% - 405px / 2); left: calc(50% - 405px / 2); width: 405px; height: 405px; border: 8px solid #64db3e; border-radius: 25% 75% 39% 61% / 75% 27% 73% 25%; } .pool_wrapper:nth-child(43) { -webkit-animation: rotate 13957ms -20000ms linear infinite; animation: rotate 13957ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(43) .pool { top: calc(50% - 389px / 2); left: calc(50% - 389px / 2); width: 389px; height: 389px; border: 8px solid #647d81; border-radius: 95% 5% 89% 11% / 60% 38% 62% 40%; } .pool_wrapper:nth-child(44) { -webkit-animation: rotate 5149ms -20000ms linear infinite; animation: rotate 5149ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(44) .pool { top: calc(50% - 314px / 2); left: calc(50% - 314px / 2); width: 314px; height: 314px; border: 8px solid #64f45e; border-radius: 83% 17% 59% 41% / 44% 99% 1% 56%; } .pool_wrapper:nth-child(45) { -webkit-animation: rotate 14024ms -20000ms linear infinite; animation: rotate 14024ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(45) .pool { top: calc(50% - 332px / 2); left: calc(50% - 332px / 2); width: 332px; height: 332px; border: 8px solid #64f451; border-radius: 27% 73% 44% 56% / 42% 90% 10% 58%; } .pool_wrapper:nth-child(46) { -webkit-animation: rotate 13324ms -20000ms linear infinite; animation: rotate 13324ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(46) .pool { top: calc(50% - 476px / 2); left: calc(50% - 476px / 2); width: 476px; height: 476px; border: 8px solid #64d64d; border-radius: 56% 44% 48% 52% / 66% 40% 60% 34%; } .pool_wrapper:nth-child(47) { -webkit-animation: rotate 11262ms -20000ms linear infinite; animation: rotate 11262ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(47) .pool { top: calc(50% - 340px / 2); left: calc(50% - 340px / 2); width: 340px; height: 340px; border: 8px solid #646b78; border-radius: 27% 73% 81% 19% / 89% 68% 32% 11%; } .pool_wrapper:nth-child(48) { -webkit-animation: rotate 6820ms -20000ms linear infinite; animation: rotate 6820ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(48) .pool { top: calc(50% - 439px / 2); left: calc(50% - 439px / 2); width: 439px; height: 439px; border: 8px solid #648649; border-radius: 80% 20% 37% 63% / 77% 87% 13% 23%; } .pool_wrapper:nth-child(49) { -webkit-animation: rotate 10721ms -20000ms linear infinite; animation: rotate 10721ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(49) .pool { top: calc(50% - 325px / 2); left: calc(50% - 325px / 2); width: 325px; height: 325px; border: 8px solid #64ec48; border-radius: 28% 72% 95% 5% / 54% 78% 22% 46%; } .pool_wrapper:nth-child(50) { -webkit-animation: rotate 13237ms -20000ms linear infinite; animation: rotate 13237ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(50) .pool { top: calc(50% - 504px / 2); left: calc(50% - 504px / 2); width: 504px; height: 504px; border: 8px solid #64dfc4; border-radius: 88% 12% 39% 61% / 23% 46% 54% 77%; } .pool_wrapper:nth-child(51) { -webkit-animation: rotate 8081ms -20000ms linear infinite; animation: rotate 8081ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(51) .pool { top: calc(50% - 453px / 2); left: calc(50% - 453px / 2); width: 453px; height: 453px; border: 8px solid #64f567; border-radius: 44% 56% 46% 54% / 65% 49% 51% 35%; } .pool_wrapper:nth-child(52) { -webkit-animation: rotate 14990ms -20000ms linear infinite; animation: rotate 14990ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(52) .pool { top: calc(50% - 514px / 2); left: calc(50% - 514px / 2); width: 514px; height: 514px; border: 8px solid #64f374; border-radius: 34% 66% 46% 54% / 72% 56% 44% 28%; } .pool_wrapper:nth-child(53) { -webkit-animation: rotate 6584ms -20000ms linear infinite; animation: rotate 6584ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(53) .pool { top: calc(50% - 537px / 2); left: calc(50% - 537px / 2); width: 537px; height: 537px; border: 8px solid #6482c9; border-radius: 63% 37% 26% 74% / 46% 42% 58% 54%; } .pool_wrapper:nth-child(54) { -webkit-animation: rotate 12336ms -20000ms linear infinite; animation: rotate 12336ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(54) .pool { top: calc(50% - 525px / 2); left: calc(50% - 525px / 2); width: 525px; height: 525px; border: 8px solid #64f35f; border-radius: 83% 17% 74% 26% / 99% 61% 39% 1%; } .pool_wrapper:nth-child(55) { -webkit-animation: rotate 13608ms -20000ms linear infinite; animation: rotate 13608ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(55) .pool { top: calc(50% - 508px / 2); left: calc(50% - 508px / 2); width: 508px; height: 508px; border: 8px solid #647847; border-radius: 73% 27% 85% 15% / 48% 37% 63% 52%; } .pool_wrapper:nth-child(56) { -webkit-animation: rotate 9730ms -20000ms linear infinite; animation: rotate 9730ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(56) .pool { top: calc(50% - 398px / 2); left: calc(50% - 398px / 2); width: 398px; height: 398px; border: 8px solid #64d4a4; border-radius: 60% 40% 30% 70% / 27% 41% 59% 73%; } .pool_wrapper:nth-child(57) { -webkit-animation: rotate 9249ms -20000ms linear infinite; animation: rotate 9249ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(57) .pool { top: calc(50% - 355px / 2); left: calc(50% - 355px / 2); width: 355px; height: 355px; border: 8px solid #646b39; border-radius: 62% 38% 90% 10% / 44% 65% 35% 56%; } .pool_wrapper:nth-child(58) { -webkit-animation: rotate 7904ms -20000ms linear infinite; animation: rotate 7904ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(58) .pool { top: calc(50% - 464px / 2); left: calc(50% - 464px / 2); width: 464px; height: 464px; border: 8px solid #64fc99; border-radius: 57% 43% 66% 34% / 36% 49% 51% 64%; } .pool_wrapper:nth-child(59) { -webkit-animation: rotate 11986ms -20000ms linear infinite; animation: rotate 11986ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(59) .pool { top: calc(50% - 534px / 2); left: calc(50% - 534px / 2); width: 534px; height: 534px; border: 8px solid #646548; border-radius: 27% 73% 56% 44% / 38% 100% 0% 62%; } .pool_wrapper:nth-child(60) { -webkit-animation: rotate 5560ms -20000ms linear infinite; animation: rotate 5560ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(60) .pool { top: calc(50% - 533px / 2); left: calc(50% - 533px / 2); width: 533px; height: 533px; border: 8px solid #648a3a; border-radius: 58% 42% 22% 78% / 59% 59% 41% 41%; } .pool_wrapper:nth-child(61) { -webkit-animation: rotate 8670ms -20000ms linear infinite; animation: rotate 8670ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(61) .pool { top: calc(50% - 468px / 2); left: calc(50% - 468px / 2); width: 468px; height: 468px; border: 8px solid #6470ac; border-radius: 85% 15% 91% 9% / 26% 52% 48% 74%; } .pool_wrapper:nth-child(62) { -webkit-animation: rotate 6854ms -20000ms linear infinite; animation: rotate 6854ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(62) .pool { top: calc(50% - 450px / 2); left: calc(50% - 450px / 2); width: 450px; height: 450px; border: 8px solid #64e687; border-radius: 58% 42% 66% 34% / 67% 61% 39% 33%; } .pool_wrapper:nth-child(63) { -webkit-animation: rotate 11721ms -20000ms linear infinite; animation: rotate 11721ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(63) .pool { top: calc(50% - 413px / 2); left: calc(50% - 413px / 2); width: 413px; height: 413px; border: 8px solid #6479b8; border-radius: 60% 40% 58% 42% / 86% 71% 29% 14%; } .pool_wrapper:nth-child(64) { -webkit-animation: rotate 12503ms -20000ms linear infinite; animation: rotate 12503ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(64) .pool { top: calc(50% - 546px / 2); left: calc(50% - 546px / 2); width: 546px; height: 546px; border: 8px solid #649dac; border-radius: 55% 45% 93% 7% / 71% 63% 37% 29%; } .pool_wrapper:nth-child(65) { -webkit-animation: rotate 9011ms -20000ms linear infinite; animation: rotate 9011ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(65) .pool { top: calc(50% - 474px / 2); left: calc(50% - 474px / 2); width: 474px; height: 474px; border: 8px solid #64ea6e; border-radius: 30% 70% 83% 17% / 69% 91% 9% 31%; } .pool_wrapper:nth-child(66) { -webkit-animation: rotate 12092ms -20000ms linear infinite; animation: rotate 12092ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(66) .pool { top: calc(50% - 543px / 2); left: calc(50% - 543px / 2); width: 543px; height: 543px; border: 8px solid #64874b; border-radius: 84% 16% 81% 19% / 50% 87% 13% 50%; } .pool_wrapper:nth-child(67) { -webkit-animation: rotate 12678ms -20000ms linear infinite; animation: rotate 12678ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(67) .pool { top: calc(50% - 434px / 2); left: calc(50% - 434px / 2); width: 434px; height: 434px; border: 8px solid #64c1a2; border-radius: 26% 74% 94% 6% / 26% 60% 40% 74%; } .pool_wrapper:nth-child(68) { -webkit-animation: rotate 14845ms -20000ms linear infinite; animation: rotate 14845ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(68) .pool { top: calc(50% - 429px / 2); left: calc(50% - 429px / 2); width: 429px; height: 429px; border: 8px solid #64867b; border-radius: 80% 20% 79% 21% / 24% 54% 46% 76%; } .pool_wrapper:nth-child(69) { -webkit-animation: rotate 13899ms -20000ms linear infinite; animation: rotate 13899ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(69) .pool { top: calc(50% - 524px / 2); left: calc(50% - 524px / 2); width: 524px; height: 524px; border: 8px solid #647591; border-radius: 95% 5% 87% 13% / 77% 85% 15% 23%; } .pool_wrapper:nth-child(70) { -webkit-animation: rotate 8095ms -20000ms linear infinite; animation: rotate 8095ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(70) .pool { top: calc(50% - 323px / 2); left: calc(50% - 323px / 2); width: 323px; height: 323px; border: 8px solid #64c178; border-radius: 57% 43% 61% 39% / 40% 54% 46% 60%; } .pool_wrapper:nth-child(71) { -webkit-animation: rotate 5035ms -20000ms linear infinite; animation: rotate 5035ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(71) .pool { top: calc(50% - 389px / 2); left: calc(50% - 389px / 2); width: 389px; height: 389px; border: 8px solid #64b27b; border-radius: 69% 31% 94% 6% / 32% 73% 27% 68%; } .pool_wrapper:nth-child(72) { -webkit-animation: rotate 9842ms -20000ms linear infinite; animation: rotate 9842ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(72) .pool { top: calc(50% - 455px / 2); left: calc(50% - 455px / 2); width: 455px; height: 455px; border: 8px solid #647ebc; border-radius: 50% 50% 55% 45% / 97% 25% 75% 3%; } .pool_wrapper:nth-child(73) { -webkit-animation: rotate 5052ms -20000ms linear infinite; animation: rotate 5052ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(73) .pool { top: calc(50% - 519px / 2); left: calc(50% - 519px / 2); width: 519px; height: 519px; border: 8px solid #649ac7; border-radius: 43% 57% 58% 42% / 39% 36% 64% 61%; } .pool_wrapper:nth-child(74) { -webkit-animation: rotate 14214ms -20000ms linear infinite; animation: rotate 14214ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(74) .pool { top: calc(50% - 414px / 2); left: calc(50% - 414px / 2); width: 414px; height: 414px; border: 8px solid #64b7a4; border-radius: 50% 50% 78% 22% / 29% 79% 21% 71%; } .pool_wrapper:nth-child(75) { -webkit-animation: rotate 6428ms -20000ms linear infinite; animation: rotate 6428ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(75) .pool { top: calc(50% - 490px / 2); left: calc(50% - 490px / 2); width: 490px; height: 490px; border: 8px solid #64c761; border-radius: 88% 12% 99% 1% / 49% 45% 55% 51%; } .pool_wrapper:nth-child(76) { -webkit-animation: rotate 9748ms -20000ms linear infinite; animation: rotate 9748ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(76) .pool { top: calc(50% - 333px / 2); left: calc(50% - 333px / 2); width: 333px; height: 333px; border: 8px solid #6480b3; border-radius: 59% 41% 47% 53% / 32% 67% 33% 68%; } .pool_wrapper:nth-child(77) { -webkit-animation: rotate 9885ms -20000ms linear infinite; animation: rotate 9885ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(77) .pool { top: calc(50% - 313px / 2); left: calc(50% - 313px / 2); width: 313px; height: 313px; border: 8px solid #64c486; border-radius: 54% 46% 27% 73% / 47% 95% 5% 53%; } .pool_wrapper:nth-child(78) { -webkit-animation: rotate 8639ms -20000ms linear infinite; animation: rotate 8639ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(78) .pool { top: calc(50% - 362px / 2); left: calc(50% - 362px / 2); width: 362px; height: 362px; border: 8px solid #646f5c; border-radius: 83% 17% 37% 63% / 48% 81% 19% 52%; } .pool_wrapper:nth-child(79) { -webkit-animation: rotate 6382ms -20000ms linear infinite; animation: rotate 6382ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(79) .pool { top: calc(50% - 432px / 2); left: calc(50% - 432px / 2); width: 432px; height: 432px; border: 8px solid #64ac8d; border-radius: 70% 30% 51% 49% / 97% 35% 65% 3%; } .pool_wrapper:nth-child(80) { -webkit-animation: rotate 6528ms -20000ms linear infinite; animation: rotate 6528ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(80) .pool { top: calc(50% - 335px / 2); left: calc(50% - 335px / 2); width: 335px; height: 335px; border: 8px solid #64e0a3; border-radius: 30% 70% 31% 69% / 53% 80% 20% 47%; } .pool_wrapper:nth-child(81) { -webkit-animation: rotate 11030ms -20000ms linear infinite; animation: rotate 11030ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(81) .pool { top: calc(50% - 508px / 2); left: calc(50% - 508px / 2); width: 508px; height: 508px; border: 8px solid #64ac5c; border-radius: 47% 53% 95% 5% / 73% 84% 16% 27%; } .pool_wrapper:nth-child(82) { -webkit-animation: rotate 11042ms -20000ms linear infinite; animation: rotate 11042ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(82) .pool { top: calc(50% - 331px / 2); left: calc(50% - 331px / 2); width: 331px; height: 331px; border: 8px solid #64db82; border-radius: 92% 8% 50% 50% / 71% 28% 72% 29%; } .pool_wrapper:nth-child(83) { -webkit-animation: rotate 6388ms -20000ms linear infinite; animation: rotate 6388ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(83) .pool { top: calc(50% - 362px / 2); left: calc(50% - 362px / 2); width: 362px; height: 362px; border: 8px solid #64944d; border-radius: 93% 7% 65% 35% / 88% 32% 68% 12%; } .pool_wrapper:nth-child(84) { -webkit-animation: rotate 12736ms -20000ms linear infinite; animation: rotate 12736ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(84) .pool { top: calc(50% - 385px / 2); left: calc(50% - 385px / 2); width: 385px; height: 385px; border: 8px solid #647062; border-radius: 70% 30% 89% 11% / 29% 61% 39% 71%; } .pool_wrapper:nth-child(85) { -webkit-animation: rotate 12577ms -20000ms linear infinite; animation: rotate 12577ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(85) .pool { top: calc(50% - 381px / 2); left: calc(50% - 381px / 2); width: 381px; height: 381px; border: 8px solid #64808c; border-radius: 61% 39% 75% 25% / 70% 49% 51% 30%; } .pool_wrapper:nth-child(86) { -webkit-animation: rotate 12927ms -20000ms linear infinite; animation: rotate 12927ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(86) .pool { top: calc(50% - 363px / 2); left: calc(50% - 363px / 2); width: 363px; height: 363px; border: 8px solid #64e187; border-radius: 65% 35% 48% 52% / 40% 31% 69% 60%; } .pool_wrapper:nth-child(87) { -webkit-animation: rotate 5750ms -20000ms linear infinite; animation: rotate 5750ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(87) .pool { top: calc(50% - 382px / 2); left: calc(50% - 382px / 2); width: 382px; height: 382px; border: 8px solid #64c238; border-radius: 49% 51% 37% 63% / 99% 68% 32% 1%; } .pool_wrapper:nth-child(88) { -webkit-animation: rotate 5436ms -20000ms linear infinite; animation: rotate 5436ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(88) .pool { top: calc(50% - 349px / 2); left: calc(50% - 349px / 2); width: 349px; height: 349px; border: 8px solid #649a94; border-radius: 62% 38% 86% 14% / 51% 32% 68% 49%; } .pool_wrapper:nth-child(89) { -webkit-animation: rotate 12430ms -20000ms linear infinite; animation: rotate 12430ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(89) .pool { top: calc(50% - 355px / 2); left: calc(50% - 355px / 2); width: 355px; height: 355px; border: 8px solid #649a72; border-radius: 69% 31% 97% 3% / 43% 24% 76% 57%; } .pool_wrapper:nth-child(90) { -webkit-animation: rotate 9726ms -20000ms linear infinite; animation: rotate 9726ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(90) .pool { top: calc(50% - 511px / 2); left: calc(50% - 511px / 2); width: 511px; height: 511px; border: 8px solid #648797; border-radius: 25% 75% 88% 12% / 69% 60% 40% 31%; } .pool_wrapper:nth-child(91) { -webkit-animation: rotate 8278ms -20000ms linear infinite; animation: rotate 8278ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(91) .pool { top: calc(50% - 328px / 2); left: calc(50% - 328px / 2); width: 328px; height: 328px; border: 8px solid #64944a; border-radius: 55% 45% 88% 12% / 50% 70% 30% 50%; } .pool_wrapper:nth-child(92) { -webkit-animation: rotate 13455ms -20000ms linear infinite; animation: rotate 13455ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(92) .pool { top: calc(50% - 477px / 2); left: calc(50% - 477px / 2); width: 477px; height: 477px; border: 8px solid #64cb7e; border-radius: 95% 5% 83% 17% / 92% 31% 69% 8%; } .pool_wrapper:nth-child(93) { -webkit-animation: rotate 12684ms -20000ms linear infinite; animation: rotate 12684ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(93) .pool { top: calc(50% - 463px / 2); left: calc(50% - 463px / 2); width: 463px; height: 463px; border: 8px solid #64b97b; border-radius: 42% 58% 98% 2% / 66% 63% 37% 34%; } .pool_wrapper:nth-child(94) { -webkit-animation: rotate 6510ms -20000ms linear infinite; animation: rotate 6510ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(94) .pool { top: calc(50% - 407px / 2); left: calc(50% - 407px / 2); width: 407px; height: 407px; border: 8px solid #647b62; border-radius: 52% 48% 65% 35% / 42% 29% 71% 58%; } .pool_wrapper:nth-child(95) { -webkit-animation: rotate 5624ms -20000ms linear infinite; animation: rotate 5624ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(95) .pool { top: calc(50% - 409px / 2); left: calc(50% - 409px / 2); width: 409px; height: 409px; border: 8px solid #649763; border-radius: 23% 77% 57% 43% / 76% 55% 45% 24%; } .pool_wrapper:nth-child(96) { -webkit-animation: rotate 5584ms -20000ms linear infinite; animation: rotate 5584ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(96) .pool { top: calc(50% - 497px / 2); left: calc(50% - 497px / 2); width: 497px; height: 497px; border: 8px solid #64c79e; border-radius: 25% 75% 87% 13% / 87% 31% 69% 13%; } .pool_wrapper:nth-child(97) { -webkit-animation: rotate 7481ms -20000ms linear infinite; animation: rotate 7481ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(97) .pool { top: calc(50% - 470px / 2); left: calc(50% - 470px / 2); width: 470px; height: 470px; border: 8px solid #6490c0; border-radius: 100% 0% 26% 74% / 69% 93% 7% 31%; } .pool_wrapper:nth-child(98) { -webkit-animation: rotate 10711ms -20000ms linear infinite; animation: rotate 10711ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(98) .pool { top: calc(50% - 435px / 2); left: calc(50% - 435px / 2); width: 435px; height: 435px; border: 8px solid #64b489; border-radius: 28% 72% 25% 75% / 22% 36% 64% 78%; } .pool_wrapper:nth-child(99) { -webkit-animation: rotate 12094ms -20000ms linear infinite; animation: rotate 12094ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(99) .pool { top: calc(50% - 438px / 2); left: calc(50% - 438px / 2); width: 438px; height: 438px; border: 8px solid #647b61; border-radius: 24% 76% 91% 9% / 96% 77% 23% 4%; } .pool_wrapper:nth-child(100) { -webkit-animation: rotate 14776ms -20000ms linear infinite; animation: rotate 14776ms -20000ms linear infinite; mix-blend-mode: screen; } .pool_wrapper:nth-child(100) .pool { top: calc(50% - 413px / 2); left: calc(50% - 413px / 2); width: 413px; height: 413px; border: 8px solid #64f545; border-radius: 93% 7% 36% 64% / 48% 89% 11% 52%; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes shakeX { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shakeX { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @-webkit-keyframes shakeY { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } } @keyframes shakeY { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(10px); transform: translateY(10px); } }