EffectHub.com: your best source for gaming

Recommendation

More Effects...

CSS

* {
  box-sizing: border-box;
}

body {
  background: -webkit-linear-gradient(bottom right, #3F1344 10%, #4A1742 20%, #522357 50%, #5539B2);
  background: linear-gradient(to top left, #3F1344 10%, #4A1742 20%, #522357 50%, #5539B2);
  height: 100vh;
  overflow: hidden;
}

#canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -11;
  -webkit-animation: spin 300s linear infinite;
          animation: spin 300s linear infinite;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

.circle {
  position: absolute;
  border-radius: 50%;
}

.circle:nth-child(1) {
  background: #8542b2;
  box-shadow: 0 0 10px 8px #8542b2;
  top: 2%;
  left: 6%;
  width: 92px;
  height: 92px;
  opacity: 0.93;
  -webkit-animation: float1 20s infinite linear;
          animation: float1 20s infinite linear;
}

.circle:nth-child(2) {
  background: #9c3ab0;
  box-shadow: 0 0 3px 2px #9c3ab0;
  top: 66%;
  left: 23%;
  width: 98px;
  height: 98px;
  opacity: 0.82;
  -webkit-animation: float2 20s infinite linear;
          animation: float2 20s infinite linear;
}

.circle:nth-child(3) {
  background: #cb8ac5;
  box-shadow: 0 0 7px 9px #cb8ac5;
  top: 34%;
  left: 88%;
  width: 26px;
  height: 26px;
  opacity: 0.13;
  -webkit-animation: float3 20s infinite linear;
          animation: float3 20s infinite linear;
}

.circle:nth-child(2) {
  background: #9c3ab0;
  box-shadow: 0 0 9px 3px #9c3ab0;
  top: 77%;
  left: 1%;
  width: 26px;
  height: 26px;
  opacity: 0.62;
  -webkit-animation: float2 20s infinite linear;
          animation: float2 20s infinite linear;
}

.circle:nth-child(5) {
  background: #9f80e8;
  box-shadow: 0 0 1px 1px #9f80e8;
  top: 43%;
  left: 89%;
  width: 76px;
  height: 76px;
  opacity: 0.24;
  -webkit-animation: float5 20s infinite linear;
          animation: float5 20s infinite linear;
}

.circle:nth-child(6) {
  background: #d882c4;
  box-shadow: 0 0 8px 7px #d882c4;
  top: 86%;
  left: 19%;
  width: 91px;
  height: 91px;
  opacity: 0.63;
  -webkit-animation: float6 20s infinite linear;
          animation: float6 20s infinite linear;
}

.circle:nth-child(7) {
  background: #9968e6;
  box-shadow: 0 0 1px 3px #9968e6;
  top: 68%;
  left: 89%;
  width: 60px;
  height: 60px;
  opacity: 0.65;
  -webkit-animation: float7 20s infinite linear;
          animation: float7 20s infinite linear;
}

.circle:nth-child(8) {
  background: #6f38dc;
  box-shadow: 0 0 8px 9px #6f38dc;
  top: 3%;
  left: 63%;
  width: 28px;
  height: 28px;
  opacity: 0.81;
  -webkit-animation: float8 20s infinite linear;
          animation: float8 20s infinite linear;
}

.circle:nth-child(9) {
  background: #eaa0e6;
  box-shadow: 0 0 2px 8px #eaa0e6;
  top: 71%;
  left: 74%;
  width: 85px;
  height: 85px;
  opacity: 0.68;
  -webkit-animation: float9 20s infinite linear;
          animation: float9 20s infinite linear;
}

.circle:nth-child(10) {
  background: #6f2fcd;
  box-shadow: 0 0 7px 9px #6f2fcd;
  top: 15%;
  left: 57%;
  width: 48px;
  height: 48px;
  opacity: 0.88;
  -webkit-animation: float10 20s infinite linear;
          animation: float10 20s infinite linear;
}

.circle:nth-child(11) {
  background: #813dae;
  box-shadow: 0 0 1px 1px #813dae;
  top: 39%;
  left: 34%;
  width: 51px;
  height: 51px;
  opacity: 0.71;
  -webkit-animation: float11 20s infinite linear;
          animation: float11 20s infinite linear;
}

.circle:nth-child(12) {
  background: #d35fbe;
  box-shadow: 0 0 5px 4px #d35fbe;
  top: 21%;
  left: 90%;
  width: 8px;
  height: 8px;
  opacity: 0.12;
  -webkit-animation: float12 20s infinite linear;
          animation: float12 20s infinite linear;
}

.circle:nth-child(13) {
  background: #b647d1;
  box-shadow: 0 0 10px 10px #b647d1;
  top: 42%;
  left: 80%;
  width: 56px;
  height: 56px;
  opacity: 0.12;
  -webkit-animation: float13 20s infinite linear;
          animation: float13 20s infinite linear;
}

.circle:nth-child(14) {
  background: #d85ec5;
  box-shadow: 0 0 7px 7px #d85ec5;
  top: 43%;
  left: 5%;
  width: 3px;
  height: 3px;
  opacity: 0.47;
  -webkit-animation: float14 20s infinite linear;
          animation: float14 20s infinite linear;
}

.circle:nth-child(15) {
  background: #b84aa3;
  box-shadow: 0 0 9px 1px #b84aa3;
  top: 62%;
  left: 36%;
  width: 75px;
  height: 75px;
  opacity: 0.55;
  -webkit-animation: float15 20s infinite linear;
          animation: float15 20s infinite linear;
}

.circle:nth-child(16) {
  background: #a078d0;
  box-shadow: 0 0 9px 10px #a078d0;
  top: 16%;
  left: 84%;
  width: 26px;
  height: 26px;
  opacity: 0.94;
  -webkit-animation: float16 20s infinite linear;
          animation: float16 20s infinite linear;
}

.circle:nth-child(17) {
  background: #9140aa;
  box-shadow: 0 0 5px 4px #9140aa;
  top: 5%;
  left: 41%;
  width: 4px;
  height: 4px;
  opacity: 0.09;
  -webkit-animation: float17 20s infinite linear;
          animation: float17 20s infinite linear;
}

.circle:nth-child(18) {
  background: #e3bae8;
  box-shadow: 0 0 7px 10px #e3bae8;
  top: 65%;
  left: 29%;
  width: 3px;
  height: 3px;
  opacity: 0.26;
  -webkit-animation: float18 20s infinite linear;
          animation: float18 20s infinite linear;
}

.circle:nth-child(19) {
  background: #9d3cac;
  box-shadow: 0 0 3px 9px #9d3cac;
  top: 33%;
  left: 44%;
  width: 43px;
  height: 43px;
  opacity: 0.48;
  -webkit-animation: float19 20s infinite linear;
          animation: float19 20s infinite linear;
}

.circle:nth-child(20) {
  background: #b767e3;
  box-shadow: 0 0 7px 1px #b767e3;
  top: 30%;
  left: 36%;
  width: 59px;
  height: 59px;
  opacity: 0.84;
  -webkit-animation: float20 20s infinite linear;
          animation: float20 20s infinite linear;
}

.circle:nth-child(21) {
  background: #c063dc;
  box-shadow: 0 0 7px 10px #c063dc;
  top: 89%;
  left: 1%;
  width: 66px;
  height: 66px;
  opacity: 0.44;
  -webkit-animation: float21 20s infinite linear;
          animation: float21 20s infinite linear;
}

.circle:nth-child(22) {
  background: #ef93e9;
  box-shadow: 0 0 4px 8px #ef93e9;
  top: 56%;
  left: 47%;
  width: 76px;
  height: 76px;
  opacity: 0.23;
  -webkit-animation: float22 20s infinite linear;
          animation: float22 20s infinite linear;
}

.circle:nth-child(23) {
  background: #bb6cbe;
  box-shadow: 0 0 3px 1px #bb6cbe;
  top: 92%;
  left: 37%;
  width: 10px;
  height: 10px;
  opacity: 0.92;
  -webkit-animation: float23 20s infinite linear;
          animation: float23 20s infinite linear;
}

.circle:nth-child(24) {
  background: #963fc6;
  box-shadow: 0 0 6px 10px #963fc6;
  top: 15%;
  left: 22%;
  width: 22px;
  height: 22px;
  opacity: 0.29;
  -webkit-animation: float24 20s infinite linear;
          animation: float24 20s infinite linear;
}

.circle:nth-child(25) {
  background: #aa44b3;
  box-shadow: 0 0 7px 8px #aa44b3;
  top: 66%;
  left: 21%;
  width: 72px;
  height: 72px;
  opacity: 0.56;
  -webkit-animation: float25 20s infinite linear;
          animation: float25 20s infinite linear;
}

.circle:nth-child(26) {
  background: #db92db;
  box-shadow: 0 0 6px 4px #db92db;
  top: 33%;
  left: 18%;
  width: 95px;
  height: 95px;
  opacity: 0.69;
  -webkit-animation: float26 20s infinite linear;
          animation: float26 20s infinite linear;
}

.circle:nth-child(27) {
  background: #e49af2;
  box-shadow: 0 0 4px 5px #e49af2;
  top: 63%;
  left: 84%;
  width: 25px;
  height: 25px;
  opacity: 0.41;
  -webkit-animation: float27 20s infinite linear;
          animation: float27 20s infinite linear;
}

.circle:nth-child(28) {
  background: #bd369d;
  box-shadow: 0 0 4px 2px #bd369d;
  top: 61%;
  left: 42%;
  width: 83px;
  height: 83px;
  opacity: 0.09;
  -webkit-animation: float28 20s infinite linear;
          animation: float28 20s infinite linear;
}

.circle:nth-child(29) {
  background: #c74eb1;
  box-shadow: 0 0 3px 5px #c74eb1;
  top: 16%;
  left: 4%;
  width: 38px;
  height: 38px;
  opacity: 0.86;
  -webkit-animation: float29 20s infinite linear;
          animation: float29 20s infinite linear;
}

.circle:nth-child(30) {
  background: #c248c5;
  box-shadow: 0 0 4px 2px #c248c5;
  top: 73%;
  left: 13%;
  width: 90px;
  height: 90px;
  opacity: 0.02;
  -webkit-animation: float30 20s infinite linear;
          animation: float30 20s infinite linear;
}

.circle:nth-child(31) {
  background: #b89bdf;
  box-shadow: 0 0 6px 2px #b89bdf;
  top: 70%;
  left: 20%;
  width: 51px;
  height: 51px;
  opacity: 0.08;
  -webkit-animation: float31 20s infinite linear;
          animation: float31 20s infinite linear;
}

.circle:nth-child(32) {
  background: #d77ec7;
  box-shadow: 0 0 6px 8px #d77ec7;
  top: 36%;
  left: 99%;
  width: 70px;
  height: 70px;
  opacity: 0.89;
  -webkit-animation: float32 20s infinite linear;
          animation: float32 20s infinite linear;
}

.circle:nth-child(33) {
  background: #a83e9a;
  box-shadow: 0 0 5px 7px #a83e9a;
  top: 39%;
  left: 70%;
  width: 43px;
  height: 43px;
  opacity: 0.17;
  -webkit-animation: float33 20s infinite linear;
          animation: float33 20s infinite linear;
}

.circle:nth-child(34) {
  background: #6f36bd;
  box-shadow: 0 0 10px 9px #6f36bd;
  top: 100%;
  left: 94%;
  width: 1px;
  height: 1px;
  opacity: 0.72;
  -webkit-animation: float34 20s infinite linear;
          animation: float34 20s infinite linear;
}

.circle:nth-child(35) {
  background: #d88cc9;
  box-shadow: 0 0 7px 7px #d88cc9;
  top: 17%;
  left: 15%;
  width: 64px;
  height: 64px;
  opacity: 0.34;
  -webkit-animation: float35 20s infinite linear;
          animation: float35 20s infinite linear;
}

.circle:nth-child(36) {
  background: #c56fd2;
  box-shadow: 0 0 4px 3px #c56fd2;
  top: 53%;
  left: 93%;
  width: 57px;
  height: 57px;
  opacity: 0.26;
  -webkit-animation: float36 20s infinite linear;
          animation: float36 20s infinite linear;
}

.circle:nth-child(37) {
  background: #9a5bcf;
  box-shadow: 0 0 2px 5px #9a5bcf;
  top: 54%;
  left: 18%;
  width: 65px;
  height: 65px;
  opacity: 0.36;
  -webkit-animation: float37 20s infinite linear;
          animation: float37 20s infinite linear;
}

.circle:nth-child(38) {
  background: #cd8be0;
  box-shadow: 0 0 10px 10px #cd8be0;
  top: 81%;
  left: 65%;
  width: 100px;
  height: 100px;
  opacity: 0.65;
  -webkit-animation: float38 20s infinite linear;
          animation: float38 20s infinite linear;
}

.circle:nth-child(39) {
  background: #a072d1;
  box-shadow: 0 0 3px 6px #a072d1;
  top: 33%;
  left: 28%;
  width: 62px;
  height: 62px;
  opacity: 0.26;
  -webkit-animation: float39 20s infinite linear;
          animation: float39 20s infinite linear;
}

.circle:nth-child(40) {
  background: #b286d9;
  box-shadow: 0 0 5px 6px #b286d9;
  top: 70%;
  left: 92%;
  width: 47px;
  height: 47px;
  opacity: 0.61;
  -webkit-animation: float40 20s infinite linear;
          animation: float40 20s infinite linear;
}

.circle:nth-child(41) {
  background: #b143bd;
  box-shadow: 0 0 3px 5px #b143bd;
  top: 85%;
  left: 43%;
  width: 76px;
  height: 76px;
  opacity: 0.96;
  -webkit-animation: float41 20s infinite linear;
          animation: float41 20s infinite linear;
}

.circle:nth-child(42) {
  background: #cd80d1;
  box-shadow: 0 0 3px 3px #cd80d1;
  top: 90%;
  left: 7%;
  width: 97px;
  height: 97px;
  opacity: 0.81;
  -webkit-animation: float42 20s infinite linear;
          animation: float42 20s infinite linear;
}

.circle:nth-child(43) {
  background: #eb8ef0;
  box-shadow: 0 0 3px 1px #eb8ef0;
  top: 74%;
  left: 63%;
  width: 93px;
  height: 93px;
  opacity: 0.46;
  -webkit-animation: float43 20s infinite linear;
          animation: float43 20s infinite linear;
}

.circle:nth-child(44) {
  background: #964dbb;
  box-shadow: 0 0 7px 5px #964dbb;
  top: 28%;
  left: 73%;
  width: 77px;
  height: 77px;
  opacity: 0.05;
  -webkit-animation: float44 20s infinite linear;
          animation: float44 20s infinite linear;
}

.circle:nth-child(45) {
  background: #f777ee;
  box-shadow: 0 0 4px 8px #f777ee;
  top: 42%;
  left: 67%;
  width: 72px;
  height: 72px;
  opacity: 0.97;
  -webkit-animation: float45 20s infinite linear;
          animation: float45 20s infinite linear;
}

.circle:nth-child(24) {
  background: #963fc6;
  box-shadow: 0 0 3px 10px #963fc6;
  top: 75%;
  left: 25%;
  width: 33px;
  height: 33px;
  opacity: 0.38;
  -webkit-animation: float24 20s infinite linear;
          animation: float24 20s infinite linear;
}

.circle:nth-child(47) {
  background: #c748ae;
  box-shadow: 0 0 7px 1px #c748ae;
  top: 19%;
  left: 59%;
  width: 99px;
  height: 99px;
  opacity: 0.28;
  -webkit-animation: float47 20s infinite linear;
          animation: float47 20s infinite linear;
}

.circle:nth-child(48) {
  background: #bb6bdc;
  box-shadow: 0 0 4px 1px #bb6bdc;
  top: 50%;
  left: 87%;
  width: 4px;
  height: 4px;
  opacity: 0.65;
  -webkit-animation: float48 20s infinite linear;
          animation: float48 20s infinite linear;
}

.circle:nth-child(49) {
  background: #c14fa8;
  box-shadow: 0 0 4px 1px #c14fa8;
  top: 32%;
  left: 7%;
  width: 49px;
  height: 49px;
  opacity: 0.05;
  -webkit-animation: float49 20s infinite linear;
          animation: float49 20s infinite linear;
}

.circle:nth-child(50) {
  background: #983cbd;
  box-shadow: 0 0 5px 5px #983cbd;
  top: 78%;
  left: 77%;
  width: 75px;
  height: 75px;
  opacity: 0.97;
  -webkit-animation: float50 20s infinite linear;
          animation: float50 20s infinite linear;
}

.circle:nth-child(51) {
  background: #de8ed9;
  box-shadow: 0 0 2px 8px #de8ed9;
  top: 32%;
  left: 45%;
  width: 25px;
  height: 25px;
  opacity: 0.02;
  -webkit-animation: float51 20s infinite linear;
          animation: float51 20s infinite linear;
}

.circle:nth-child(52) {
  background: #e0b4e6;
  box-shadow: 0 0 7px 2px #e0b4e6;
  top: 25%;
  left: 70%;
  width: 37px;
  height: 37px;
  opacity: 0.47;
  -webkit-animation: float52 20s infinite linear;
          animation: float52 20s infinite linear;
}

.circle:nth-child(17) {
  background: #9140aa;
  box-shadow: 0 0 1px 9px #9140aa;
  top: 23%;
  left: 86%;
  width: 74px;
  height: 74px;
  opacity: 0.02;
  -webkit-animation: float17 20s infinite linear;
          animation: float17 20s infinite linear;
}

.circle:nth-child(54) {
  background: #e1b8e4;
  box-shadow: 0 0 2px 1px #e1b8e4;
  top: 30%;
  left: 40%;
  width: 29px;
  height: 29px;
  opacity: 0.19;
  -webkit-animation: float54 20s infinite linear;
          animation: float54 20s infinite linear;
}

.circle:nth-child(55) {
  background: #cc6cb8;
  box-shadow: 0 0 7px 2px #cc6cb8;
  top: 5%;
  left: 76%;
  width: 84px;
  height: 84px;
  opacity: 0.39;
  -webkit-animation: float55 20s infinite linear;
          animation: float55 20s infinite linear;
}

.circle:nth-child(42) {
  background: #cd80d1;
  box-shadow: 0 0 4px 1px #cd80d1;
  top: 31%;
  left: 24%;
  width: 35px;
  height: 35px;
  opacity: 0.03;
  -webkit-animation: float42 20s infinite linear;
          animation: float42 20s infinite linear;
}

.circle:nth-child(57) {
  background: #e193d8;
  box-shadow: 0 0 4px 1px #e193d8;
  top: 40%;
  left: 42%;
  width: 81px;
  height: 81px;
  opacity: 0.01;
  -webkit-animation: float57 20s infinite linear;
          animation: float57 20s infinite linear;
}

.circle:nth-child(19) {
  background: #9d3cac;
  box-shadow: 0 0 2px 2px #9d3cac;
  top: 94%;
  left: 39%;
  width: 4px;
  height: 4px;
  opacity: 0.96;
  -webkit-animation: float19 20s infinite linear;
          animation: float19 20s infinite linear;
}

.circle:nth-child(59) {
  background: #dfb9ee;
  box-shadow: 0 0 6px 3px #dfb9ee;
  top: 74%;
  left: 41%;
  width: 96px;
  height: 96px;
  opacity: 0.45;
  -webkit-animation: float59 20s infinite linear;
          animation: float59 20s infinite linear;
}

.circle:nth-child(60) {
  background: #d791e2;
  box-shadow: 0 0 1px 1px #d791e2;
  top: 44%;
  left: 45%;
  width: 59px;
  height: 59px;
  opacity: 0.2;
  -webkit-animation: float60 20s infinite linear;
          animation: float60 20s infinite linear;
}

.circle:nth-child(61) {
  background: #da95ce;
  box-shadow: 0 0 9px 5px #da95ce;
  top: 78%;
  left: 5%;
  width: 36px;
  height: 36px;
  opacity: 0.42;
  -webkit-animation: float61 20s infinite linear;
          animation: float61 20s infinite linear;
}

.circle:nth-child(7) {
  background: #9968e6;
  box-shadow: 0 0 1px 1px #9968e6;
  top: 80%;
  left: 17%;
  width: 56px;
  height: 56px;
  opacity: 0.51;
  -webkit-animation: float7 20s infinite linear;
          animation: float7 20s infinite linear;
}

.circle:nth-child(63) {
  background: #d47dcc;
  box-shadow: 0 0 3px 2px #d47dcc;
  top: 93%;
  left: 52%;
  width: 39px;
  height: 39px;
  opacity: 0.06;
  -webkit-animation: float63 20s infinite linear;
          animation: float63 20s infinite linear;
}

.circle:nth-child(64) {
  background: #9e2ea7;
  box-shadow: 0 0 1px 6px #9e2ea7;
  top: 19%;
  left: 85%;
  width: 80px;
  height: 80px;
  opacity: 0.89;
  -webkit-animation: float64 20s infinite linear;
          animation: float64 20s infinite linear;
}

.circle:nth-child(65) {
  background: #cb68bb;
  box-shadow: 0 0 7px 9px #cb68bb;
  top: 51%;
  left: 3%;
  width: 60px;
  height: 60px;
  opacity: 0.77;
  -webkit-animation: float65 20s infinite linear;
          animation: float65 20s infinite linear;
}

.circle:nth-child(10) {
  background: #6f2fcd;
  box-shadow: 0 0 1px 9px #6f2fcd;
  top: 19%;
  left: 57%;
  width: 31px;
  height: 31px;
  opacity: 0.13;
  -webkit-animation: float10 20s infinite linear;
          animation: float10 20s infinite linear;
}

.circle:nth-child(67) {
  background: #ae85e0;
  box-shadow: 0 0 6px 1px #ae85e0;
  top: 23%;
  left: 54%;
  width: 27px;
  height: 27px;
  opacity: 0.01;
  -webkit-animation: float67 20s infinite linear;
          animation: float67 20s infinite linear;
}

.circle:nth-child(68) {
  background: #b378d5;
  box-shadow: 0 0 7px 10px #b378d5;
  top: 71%;
  left: 99%;
  width: 71px;
  height: 71px;
  opacity: 0.5;
  -webkit-animation: float68 20s infinite linear;
          animation: float68 20s infinite linear;
}

.circle:nth-child(69) {
  background: #dcb2ed;
  box-shadow: 0 0 10px 1px #dcb2ed;
  top: 29%;
  left: 14%;
  width: 78px;
  height: 78px;
  opacity: 0.17;
  -webkit-animation: float69 20s infinite linear;
          animation: float69 20s infinite linear;
}

.circle:nth-child(16) {
  background: #a078d0;
  box-shadow: 0 0 8px 7px #a078d0;
  top: 69%;
  left: 27%;
  width: 85px;
  height: 85px;
  opacity: 0.88;
  -webkit-animation: float16 20s infinite linear;
          animation: float16 20s infinite linear;
}

.circle:nth-child(14) {
  background: #d85ec5;
  box-shadow: 0 0 6px 4px #d85ec5;
  top: 58%;
  left: 15%;
  width: 42px;
  height: 42px;
  opacity: 0.86;
  -webkit-animation: float14 20s infinite linear;
          animation: float14 20s infinite linear;
}

.circle:nth-child(72) {
  background: #c15ee7;
  box-shadow: 0 0 4px 2px #c15ee7;
  top: 87%;
  left: 9%;
  width: 14px;
  height: 14px;
  opacity: 0.85;
  -webkit-animation: float72 20s infinite linear;
          animation: float72 20s infinite linear;
}

.circle:nth-child(51) {
  background: #de8ed9;
  box-shadow: 0 0 1px 9px #de8ed9;
  top: 40%;
  left: 85%;
  width: 80px;
  height: 80px;
  opacity: 0.16;
  -webkit-animation: float51 20s infinite linear;
          animation: float51 20s infinite linear;
}

.circle:nth-child(23) {
  background: #bb6cbe;
  box-shadow: 0 0 1px 6px #bb6cbe;
  top: 89%;
  left: 62%;
  width: 29px;
  height: 29px;
  opacity: 0.18;
  -webkit-animation: float23 20s infinite linear;
          animation: float23 20s infinite linear;
}

.circle:nth-child(75) {
  background: #de81ce;
  box-shadow: 0 0 3px 8px #de81ce;
  top: 84%;
  left: 39%;
  width: 90px;
  height: 90px;
  opacity: 0.68;
  -webkit-animation: float75 20s infinite linear;
          animation: float75 20s infinite linear;
}

.circle:nth-child(76) {
  background: #d2a5e6;
  box-shadow: 0 0 1px 8px #d2a5e6;
  top: 62%;
  left: 14%;
  width: 95px;
  height: 95px;
  opacity: 0.02;
  -webkit-animation: float76 20s infinite linear;
          animation: float76 20s infinite linear;
}

.circle:nth-child(77) {
  background: #8941c4;
  box-shadow: 0 0 5px 6px #8941c4;
  top: 34%;
  left: 35%;
  width: 79px;
  height: 79px;
  opacity: 0.48;
  -webkit-animation: float77 20s infinite linear;
          animation: float77 20s infinite linear;
}

.circle:nth-child(78) {
  background: #9937c2;
  box-shadow: 0 0 10px 10px #9937c2;
  top: 17%;
  left: 60%;
  width: 65px;
  height: 65px;
  opacity: 0.46;
  -webkit-animation: float78 20s infinite linear;
          animation: float78 20s infinite linear;
}

.circle:nth-child(79) {
  background: #c782dc;
  box-shadow: 0 0 4px 3px #c782dc;
  top: 87%;
  left: 91%;
  width: 38px;
  height: 38px;
  opacity: 0.44;
  -webkit-animation: float79 20s infinite linear;
          animation: float79 20s infinite linear;
}

.circle:nth-child(80) {
  background: #c545a5;
  box-shadow: 0 0 9px 5px #c545a5;
  top: 55%;
  left: 33%;
  width: 33px;
  height: 33px;
  opacity: 0.35;
  -webkit-animation: float80 20s infinite linear;
          animation: float80 20s infinite linear;
}

.circle:nth-child(10) {
  background: #6f2fcd;
  box-shadow: 0 0 6px 3px #6f2fcd;
  top: 41%;
  left: 74%;
  width: 1px;
  height: 1px;
  opacity: 0.04;
  -webkit-animation: float10 20s infinite linear;
          animation: float10 20s infinite linear;
}

.circle:nth-child(82) {
  background: #a558d4;
  box-shadow: 0 0 6px 3px #a558d4;
  top: 17%;
  left: 21%;
  width: 68px;
  height: 68px;
  opacity: 0.21;
  -webkit-animation: float82 20s infinite linear;
          animation: float82 20s infinite linear;
}

.circle:nth-child(83) {
  background: #bf82cc;
  box-shadow: 0 0 2px 4px #bf82cc;
  top: 5%;
  left: 95%;
  width: 13px;
  height: 13px;
  opacity: 0.23;
  -webkit-animation: float83 20s infinite linear;
          animation: float83 20s infinite linear;
}

.circle:nth-child(84) {
  background: #dd99db;
  box-shadow: 0 0 7px 9px #dd99db;
  top: 72%;
  left: 84%;
  width: 83px;
  height: 83px;
  opacity: 0.13;
  -webkit-animation: float84 20s infinite linear;
          animation: float84 20s infinite linear;
}

.circle:nth-child(85) {
  background: #ac3dac;
  box-shadow: 0 0 2px 3px #ac3dac;
  top: 20%;
  left: 46%;
  width: 95px;
  height: 95px;
  opacity: 0.21;
  -webkit-animation: float85 20s infinite linear;
          animation: float85 20s infinite linear;
}

.circle:nth-child(86) {
  background: #c36bd5;
  box-shadow: 0 0 10px 4px #c36bd5;
  top: 79%;
  left: 67%;
  width: 67px;
  height: 67px;
  opacity: 0.29;
  -webkit-animation: float86 20s infinite linear;
          animation: float86 20s infinite linear;
}

.circle:nth-child(87) {
  background: #9870d6;
  box-shadow: 0 0 4px 1px #9870d6;
  top: 91%;
  left: 71%;
  width: 42px;
  height: 42px;
  opacity: 0.59;
  -webkit-animation: float87 20s infinite linear;
          animation: float87 20s infinite linear;
}

.circle:nth-child(88) {
  background: #ec6bdc;
  box-shadow: 0 0 3px 4px #ec6bdc;
  top: 69%;
  left: 25%;
  width: 77px;
  height: 77px;
  opacity: 0.38;
  -webkit-animation: float88 20s infinite linear;
          animation: float88 20s infinite linear;
}

.circle:nth-child(89) {
  background: #ad3db6;
  box-shadow: 0 0 1px 10px #ad3db6;
  top: 5%;
  left: 44%;
  width: 65px;
  height: 65px;
  opacity: 0.41;
  -webkit-animation: float89 20s infinite linear;
          animation: float89 20s infinite linear;
}

.circle:nth-child(90) {
  background: #a1389f;
  box-shadow: 0 0 10px 5px #a1389f;
  top: 73%;
  left: 4%;
  width: 80px;
  height: 80px;
  opacity: 0.61;
  -webkit-animation: float90 20s infinite linear;
          animation: float90 20s infinite linear;
}

.circle:nth-child(91) {
  background: #dd98d7;
  box-shadow: 0 0 8px 8px #dd98d7;
  top: 30%;
  left: 75%;
  width: 51px;
  height: 51px;
  opacity: 0.88;
  -webkit-animation: float91 20s infinite linear;
          animation: float91 20s infinite linear;
}

.circle:nth-child(37) {
  background: #9a5bcf;
  box-shadow: 0 0 7px 7px #9a5bcf;
  top: 75%;
  left: 74%;
  width: 83px;
  height: 83px;
  opacity: 0.15;
  -webkit-animation: float37 20s infinite linear;
          animation: float37 20s infinite linear;
}

.circle:nth-child(93) {
  background: #d58fd9;
  box-shadow: 0 0 2px 5px #d58fd9;
  top: 58%;
  left: 20%;
  width: 45px;
  height: 45px;
  opacity: 0.34;
  -webkit-animation: float93 20s infinite linear;
          animation: float93 20s infinite linear;
}

.circle:nth-child(94) {
  background: #6f3dd2;
  box-shadow: 0 0 4px 9px #6f3dd2;
  top: 93%;
  left: 32%;
  width: 13px;
  height: 13px;
  opacity: 0.23;
  -webkit-animation: float94 20s infinite linear;
          animation: float94 20s infinite linear;
}

.circle:nth-child(95) {
  background: #a135d8;
  box-shadow: 0 0 4px 8px #a135d8;
  top: 85%;
  left: 35%;
  width: 89px;
  height: 89px;
  opacity: 0.67;
  -webkit-animation: float95 20s infinite linear;
          animation: float95 20s infinite linear;
}

.circle:nth-child(96) {
  background: #6e44c2;
  box-shadow: 0 0 3px 9px #6e44c2;
  top: 6%;
  left: 73%;
  width: 51px;
  height: 51px;
  opacity: 0.02;
  -webkit-animation: float96 20s infinite linear;
          animation: float96 20s infinite linear;
}

.circle:nth-child(97) {
  background: #842ac4;
  box-shadow: 0 0 2px 5px #842ac4;
  top: 64%;
  left: 62%;
  width: 14px;
  height: 14px;
  opacity: 0.81;
  -webkit-animation: float97 20s infinite linear;
          animation: float97 20s infinite linear;
}

.circle:nth-child(98) {
  background: #e3c9f0;
  box-shadow: 0 0 6px 6px #e3c9f0;
  top: 2%;
  left: 79%;
  width: 19px;
  height: 19px;
  opacity: 0.73;
  -webkit-animation: float98 20s infinite linear;
          animation: float98 20s infinite linear;
}

.circle:nth-child(99) {
  background: #973ad0;
  box-shadow: 0 0 10px 4px #973ad0;
  top: 96%;
  left: 24%;
  width: 48px;
  height: 48px;
  opacity: 0.05;
  -webkit-animation: float99 20s infinite linear;
          animation: float99 20s infinite linear;
}

.circle:nth-child(100) {
  background: #e6bde7;
  box-shadow: 0 0 5px 7px #e6bde7;
  top: 45%;
  left: 89%;
  width: 12px;
  height: 12px;
  opacity: 0.26;
  -webkit-animation: float100 20s infinite linear;
          animation: float100 20s infinite linear;
}

.circle:nth-child(101) {
  background: #ba67df;
  box-shadow: 0 0 10px 7px #ba67df;
  top: 8%;
  left: 82%;
  width: 45px;
  height: 45px;
  opacity: 0.98;
  -webkit-animation: float101 20s infinite linear;
          animation: float101 20s infinite linear;
}

.circle:nth-child(102) {
  background: #c088c7;
  box-shadow: 0 0 7px 5px #c088c7;
  top: 65%;
  left: 24%;
  width: 4px;
  height: 4px;
  opacity: 0.57;
  -webkit-animation: float102 20s infinite linear;
          animation: float102 20s infinite linear;
}

.circle:nth-child(103) {
  background: #d450bd;
  box-shadow: 0 0 7px 8px #d450bd;
  top: 30%;
  left: 57%;
  width: 28px;
  height: 28px;
  opacity: 0.37;
  -webkit-animation: float103 20s infinite linear;
          animation: float103 20s infinite linear;
}

.circle:nth-child(21) {
  background: #c063dc;
  box-shadow: 0 0 9px 10px #c063dc;
  top: 77%;
  left: 25%;
  width: 71px;
  height: 71px;
  opacity: 0.52;
  -webkit-animation: float21 20s infinite linear;
          animation: float21 20s infinite linear;
}

.circle:nth-child(33) {
  background: #a83e9a;
  box-shadow: 0 0 7px 8px #a83e9a;
  top: 16%;
  left: 44%;
  width: 10px;
  height: 10px;
  opacity: 0.11;
  -webkit-animation: float33 20s infinite linear;
          animation: float33 20s infinite linear;
}

.circle:nth-child(14) {
  background: #d85ec5;
  box-shadow: 0 0 8px 9px #d85ec5;
  top: 20%;
  left: 33%;
  width: 85px;
  height: 85px;
  opacity: 0.73;
  -webkit-animation: float14 20s infinite linear;
          animation: float14 20s infinite linear;
}

.circle:nth-child(45) {
  background: #f777ee;
  box-shadow: 0 0 6px 4px #f777ee;
  top: 35%;
  left: 67%;
  width: 41px;
  height: 41px;
  opacity: 0.29;
  -webkit-animation: float45 20s infinite linear;
          animation: float45 20s infinite linear;
}

.circle:nth-child(108) {
  background: #8e3eb3;
  box-shadow: 0 0 9px 8px #8e3eb3;
  top: 52%;
  left: 97%;
  width: 22px;
  height: 22px;
  opacity: 0.78;
  -webkit-animation: float108 20s infinite linear;
          animation: float108 20s infinite linear;
}

.circle:nth-child(109) {
  background: #b13cc8;
  box-shadow: 0 0 8px 4px #b13cc8;
  top: 64%;
  left: 97%;
  width: 29px;
  height: 29px;
  opacity: 0.49;
  -webkit-animation: float109 20s infinite linear;
          animation: float109 20s infinite linear;
}

.circle:nth-child(110) {
  background: #8e39a0;
  box-shadow: 0 0 10px 4px #8e39a0;
  top: 88%;
  left: 27%;
  width: 97px;
  height: 97px;
  opacity: 0.61;
  -webkit-animation: float110 20s infinite linear;
          animation: float110 20s infinite linear;
}

.circle:nth-child(111) {
  background: #dd8ad3;
  box-shadow: 0 0 8px 5px #dd8ad3;
  top: 12%;
  left: 84%;
  width: 4px;
  height: 4px;
  opacity: 0.61;
  -webkit-animation: float111 20s infinite linear;
          animation: float111 20s infinite linear;
}

.circle:nth-child(112) {
  background: #ae78db;
  box-shadow: 0 0 5px 6px #ae78db;
  top: 13%;
  left: 2%;
  width: 51px;
  height: 51px;
  opacity: 0.24;
  -webkit-animation: float112 20s infinite linear;
          animation: float112 20s infinite linear;
}

.circle:nth-child(113) {
  background: #9e60c7;
  box-shadow: 0 0 7px 1px #9e60c7;
  top: 60%;
  left: 89%;
  width: 63px;
  height: 63px;
  opacity: 0.91;
  -webkit-animation: float113 20s infinite linear;
          animation: float113 20s infinite linear;
}

.circle:nth-child(114) {
  background: #d982d5;
  box-shadow: 0 0 3px 3px #d982d5;
  top: 72%;
  left: 96%;
  width: 62px;
  height: 62px;
  opacity: 0.5;
  -webkit-animation: float114 20s infinite linear;
          animation: float114 20s infinite linear;
}

.circle:nth-child(72) {
  background: #c15ee7;
  box-shadow: 0 0 4px 5px #c15ee7;
  top: 84%;
  left: 78%;
  width: 82px;
  height: 82px;
  opacity: 0.01;
  -webkit-animation: float72 20s infinite linear;
          animation: float72 20s infinite linear;
}

.circle:nth-child(116) {
  background: #893ad4;
  box-shadow: 0 0 10px 9px #893ad4;
  top: 53%;
  left: 15%;
  width: 21px;
  height: 21px;
  opacity: 0.88;
  -webkit-animation: float116 20s infinite linear;
          animation: float116 20s infinite linear;
}

.circle:nth-child(85) {
  background: #ac3dac;
  box-shadow: 0 0 5px 4px #ac3dac;
  top: 58%;
  left: 73%;
  width: 97px;
  height: 97px;
  opacity: 0.66;
  -webkit-animation: float85 20s infinite linear;
          animation: float85 20s infinite linear;
}

.circle:nth-child(45) {
  background: #f777ee;
  box-shadow: 0 0 7px 1px #f777ee;
  top: 75%;
  left: 17%;
  width: 17px;
  height: 17px;
  opacity: 0.82;
  -webkit-animation: float45 20s infinite linear;
          animation: float45 20s infinite linear;
}

.circle:nth-child(119) {
  background: #e96fde;
  box-shadow: 0 0 10px 10px #e96fde;
  top: 21%;
  left: 17%;
  width: 31px;
  height: 31px;
  opacity: 0.21;
  -webkit-animation: float119 20s infinite linear;
          animation: float119 20s infinite linear;
}

.circle:nth-child(120) {
  background: #f296eb;
  box-shadow: 0 0 9px 10px #f296eb;
  top: 6%;
  left: 51%;
  width: 84px;
  height: 84px;
  opacity: 0.36;
  -webkit-animation: float120 20s infinite linear;
          animation: float120 20s infinite linear;
}

.circle:nth-child(121) {
  background: #a33bb8;
  box-shadow: 0 0 4px 2px #a33bb8;
  top: 17%;
  left: 57%;
  width: 69px;
  height: 69px;
  opacity: 0.89;
  -webkit-animation: float121 20s infinite linear;
          animation: float121 20s infinite linear;
}

.circle:nth-child(30) {
  background: #c248c5;
  box-shadow: 0 0 3px 2px #c248c5;
  top: 51%;
  left: 67%;
  width: 30px;
  height: 30px;
  opacity: 0.6;
  -webkit-animation: float30 20s infinite linear;
          animation: float30 20s infinite linear;
}

.circle:nth-child(123) {
  background: #d98fd3;
  box-shadow: 0 0 4px 8px #d98fd3;
  top: 28%;
  left: 3%;
  width: 91px;
  height: 91px;
  opacity: 0.86;
  -webkit-animation: float123 20s infinite linear;
          animation: float123 20s infinite linear;
}

.circle:nth-child(11) {
  background: #813dae;
  box-shadow: 0 0 8px 4px #813dae;
  top: 83%;
  left: 26%;
  width: 83px;
  height: 83px;
  opacity: 0.82;
  -webkit-animation: float11 20s infinite linear;
          animation: float11 20s infinite linear;
}

.circle:nth-child(13) {
  background: #b647d1;
  box-shadow: 0 0 3px 9px #b647d1;
  top: 98%;
  left: 33%;
  width: 32px;
  height: 32px;
  opacity: 0.44;
  -webkit-animation: float13 20s infinite linear;
          animation: float13 20s infinite linear;
}

.circle:nth-child(47) {
  background: #c748ae;
  box-shadow: 0 0 4px 6px #c748ae;
  top: 33%;
  left: 43%;
  width: 37px;
  height: 37px;
  opacity: 0.48;
  -webkit-animation: float47 20s infinite linear;
          animation: float47 20s infinite linear;
}

.circle:nth-child(127) {
  background: #9c74ce;
  box-shadow: 0 0 9px 4px #9c74ce;
  top: 87%;
  left: 16%;
  width: 84px;
  height: 84px;
  opacity: 0.42;
  -webkit-animation: float127 20s infinite linear;
          animation: float127 20s infinite linear;
}

.circle:nth-child(3) {
  background: #cb8ac5;
  box-shadow: 0 0 4px 9px #cb8ac5;
  top: 25%;
  left: 97%;
  width: 28px;
  height: 28px;
  opacity: 0.9;
  -webkit-animation: float3 20s infinite linear;
          animation: float3 20s infinite linear;
}

.circle:nth-child(129) {
  background: #b5399c;
  box-shadow: 0 0 9px 1px #b5399c;
  top: 27%;
  left: 28%;
  width: 56px;
  height: 56px;
  opacity: 0.83;
  -webkit-animation: float129 20s infinite linear;
          animation: float129 20s infinite linear;
}

.circle:nth-child(88) {
  background: #ec6bdc;
  box-shadow: 0 0 7px 4px #ec6bdc;
  top: 17%;
  left: 70%;
  width: 76px;
  height: 76px;
  opacity: 0.75;
  -webkit-animation: float88 20s infinite linear;
          animation: float88 20s infinite linear;
}

.circle:nth-child(82) {
  background: #a558d4;
  box-shadow: 0 0 7px 10px #a558d4;
  top: 80%;
  left: 77%;
  width: 15px;
  height: 15px;
  opacity: 0.95;
  -webkit-animation: float82 20s infinite linear;
          animation: float82 20s infinite linear;
}

.circle:nth-child(132) {
  background: #e4cfeb;
  box-shadow: 0 0 1px 5px #e4cfeb;
  top: 98%;
  left: 53%;
  width: 11px;
  height: 11px;
  opacity: 0.74;
  -webkit-animation: float132 20s infinite linear;
          animation: float132 20s infinite linear;
}

.circle:nth-child(133) {
  background: #cca2ec;
  box-shadow: 0 0 10px 10px #cca2ec;
  top: 90%;
  left: 20%;
  width: 99px;
  height: 99px;
  opacity: 0.65;
  -webkit-animation: float133 20s infinite linear;
          animation: float133 20s infinite linear;
}

.circle:nth-child(60) {
  background: #d791e2;
  box-shadow: 0 0 3px 8px #d791e2;
  top: 97%;
  left: 49%;
  width: 70px;
  height: 70px;
  opacity: 0.95;
  -webkit-animation: float60 20s infinite linear;
          animation: float60 20s infinite linear;
}

.circle:nth-child(135) {
  background: #c583d0;
  box-shadow: 0 0 4px 1px #c583d0;
  top: 59%;
  left: 71%;
  width: 22px;
  height: 22px;
  opacity: 0.4;
  -webkit-animation: float135 20s infinite linear;
          animation: float135 20s infinite linear;
}

.circle:nth-child(43) {
  background: #eb8ef0;
  box-shadow: 0 0 9px 5px #eb8ef0;
  top: 88%;
  left: 77%;
  width: 48px;
  height: 48px;
  opacity: 0.37;
  -webkit-animation: float43 20s infinite linear;
          animation: float43 20s infinite linear;
}

.circle:nth-child(97) {
  background: #842ac4;
  box-shadow: 0 0 3px 5px #842ac4;
  top: 60%;
  left: 82%;
  width: 27px;
  height: 27px;
  opacity: 0.99;
  -webkit-animation: float97 20s infinite linear;
          animation: float97 20s infinite linear;
}

.circle:nth-child(138) {
  background: #c44fba;
  box-shadow: 0 0 10px 7px #c44fba;
  top: 30%;
  left: 25%;
  width: 90px;
  height: 90px;
  opacity: 0.85;
  -webkit-animation: float138 20s infinite linear;
          animation: float138 20s infinite linear;
}

.circle:nth-child(139) {
  background: #e066c9;
  box-shadow: 0 0 4px 10px #e066c9;
  top: 26%;
  left: 60%;
  width: 41px;
  height: 41px;
  opacity: 0.64;
  -webkit-animation: float139 20s infinite linear;
          animation: float139 20s infinite linear;
}

.circle:nth-child(140) {
  background: #b04ccc;
  box-shadow: 0 0 5px 1px #b04ccc;
  top: 33%;
  left: 75%;
  width: 26px;
  height: 26px;
  opacity: 0.4;
  -webkit-animation: float140 20s infinite linear;
          animation: float140 20s infinite linear;
}

.circle:nth-child(11) {
  background: #813dae;
  box-shadow: 0 0 3px 10px #813dae;
  top: 54%;
  left: 67%;
  width: 6px;
  height: 6px;
  opacity: 0.83;
  -webkit-animation: float11 20s infinite linear;
          animation: float11 20s infinite linear;
}

.circle:nth-child(12) {
  background: #d35fbe;
  box-shadow: 0 0 1px 1px #d35fbe;
  top: 37%;
  left: 7%;
  width: 91px;
  height: 91px;
  opacity: 0.1;
  -webkit-animation: float12 20s infinite linear;
          animation: float12 20s infinite linear;
}

.circle:nth-child(143) {
  background: #d682d9;
  box-shadow: 0 0 3px 8px #d682d9;
  top: 54%;
  left: 31%;
  width: 94px;
  height: 94px;
  opacity: 0.69;
  -webkit-animation: float143 20s infinite linear;
          animation: float143 20s infinite linear;
}

.circle:nth-child(144) {
  background: #9c69e1;
  box-shadow: 0 0 5px 1px #9c69e1;
  top: 45%;
  left: 11%;
  width: 34px;
  height: 34px;
  opacity: 0.48;
  -webkit-animation: float144 20s infinite linear;
          animation: float144 20s infinite linear;
}

.circle:nth-child(7) {
  background: #9968e6;
  box-shadow: 0 0 4px 9px #9968e6;
  top: 42%;
  left: 51%;
  width: 26px;
  height: 26px;
  opacity: 0.1;
  -webkit-animation: float7 20s infinite linear;
          animation: float7 20s infinite linear;
}

.circle:nth-child(97) {
  background: #842ac4;
  box-shadow: 0 0 6px 5px #842ac4;
  top: 2%;
  left: 49%;
  width: 26px;
  height: 26px;
  opacity: 0.23;
  -webkit-animation: float97 20s infinite linear;
          animation: float97 20s infinite linear;
}

.circle:nth-child(147) {
  background: #e2bce1;
  box-shadow: 0 0 1px 9px #e2bce1;
  top: 21%;
  left: 35%;
  width: 69px;
  height: 69px;
  opacity: 0.53;
  -webkit-animation: float147 20s infinite linear;
          animation: float147 20s infinite linear;
}

.circle:nth-child(148) {
  background: #b06dba;
  box-shadow: 0 0 9px 3px #b06dba;
  top: 17%;
  left: 35%;
  width: 84px;
  height: 84px;
  opacity: 0.06;
  -webkit-animation: float148 20s infinite linear;
          animation: float148 20s infinite linear;
}

.circle:nth-child(89) {
  background: #ad3db6;
  box-shadow: 0 0 7px 3px #ad3db6;
  top: 83%;
  left: 10%;
  width: 5px;
  height: 5px;
  opacity: 0.22;
  -webkit-animation: float89 20s infinite linear;
          animation: float89 20s infinite linear;
}

.circle:nth-child(57) {
  background: #e193d8;
  box-shadow: 0 0 5px 8px #e193d8;
  top: 60%;
  left: 98%;
  width: 64px;
  height: 64px;
  opacity: 0.97;
  -webkit-animation: float57 20s infinite linear;
          animation: float57 20s infinite linear;
}

@-webkit-keyframes float1 {
  40% {
    -webkit-transform: translateX(29px) translateY(-177px);
            transform: translateX(29px) translateY(-177px);
  }
  80% {
    -webkit-transform: translateX(138px) translateY(-61px);
            transform: translateX(138px) translateY(-61px);
  }
}

@keyframes float1 {
  40% {
    -webkit-transform: translateX(29px) translateY(-177px);
            transform: translateX(29px) translateY(-177px);
  }
  80% {
    -webkit-transform: translateX(138px) translateY(-61px);
            transform: translateX(138px) translateY(-61px);
  }
}
@-webkit-keyframes float2 {
  40% {
    -webkit-transform: translateX(30px) translateY(74px);
            transform: translateX(30px) translateY(74px);
  }
  80% {
    -webkit-transform: translateX(70px) translateY(226px);
            transform: translateX(70px) translateY(226px);
  }
}
@keyframes float2 {
  40% {
    -webkit-transform: translateX(30px) translateY(74px);
            transform: translateX(30px) translateY(74px);
  }
  80% {
    -webkit-transform: translateX(70px) translateY(226px);
            transform: translateX(70px) translateY(226px);
  }
}
@-webkit-keyframes float3 {
  40% {
    -webkit-transform: translateX(54px) translateY(-8px);
            transform: translateX(54px) translateY(-8px);
  }
  80% {
    -webkit-transform: translateX(-4px) translateY(33px);
            transform: translateX(-4px) translateY(33px);
  }
}
@keyframes float3 {
  40% {
    -webkit-transform: translateX(54px) translateY(-8px);
            transform: translateX(54px) translateY(-8px);
  }
  80% {
    -webkit-transform: translateX(-4px) translateY(33px);
            transform: translateX(-4px) translateY(33px);
  }
}
@-webkit-keyframes float4 {
  40% {
    -webkit-transform: translateX(24px) translateY(42px);
            transform: translateX(24px) translateY(42px);
  }
  80% {
    -webkit-transform: translateX(-36px) translateY(234px);
            transform: translateX(-36px) translateY(234px);
  }
}
@keyframes float4 {
  40% {
    -webkit-transform: translateX(24px) translateY(42px);
            transform: translateX(24px) translateY(42px);
  }
  80% {
    -webkit-transform: translateX(-36px) translateY(234px);
            transform: translateX(-36px) translateY(234px);
  }
}
@-webkit-keyframes float5 {
  40% {
    -webkit-transform: translateX(66px) translateY(92px);
            transform: translateX(66px) translateY(92px);
  }
  80% {
    -webkit-transform: translateX(55px) translateY(93px);
            transform: translateX(55px) translateY(93px);
  }
}
@keyframes float5 {
  40% {
    -webkit-transform: translateX(66px) translateY(92px);
            transform: translateX(66px) translateY(92px);
  }
  80% {
    -webkit-transform: translateX(55px) translateY(93px);
            transform: translateX(55px) translateY(93px);
  }
}
@-webkit-keyframes float6 {
  40% {
    -webkit-transform: translateX(13px) translateY(-72px);
            transform: translateX(13px) translateY(-72px);
  }
  80% {
    -webkit-transform: translateX(121px) translateY(-41px);
            transform: translateX(121px) translateY(-41px);
  }
}
@keyframes float6 {
  40% {
    -webkit-transform: translateX(13px) translateY(-72px);
            transform: translateX(13px) translateY(-72px);
  }
  80% {
    -webkit-transform: translateX(121px) translateY(-41px);
            transform: translateX(121px) translateY(-41px);
  }
}
@-webkit-keyframes float7 {
  40% {
    -webkit-transform: translateX(-11px) translateY(-91px);
            transform: translateX(-11px) translateY(-91px);
  }
  80% {
    -webkit-transform: translateX(-20px) translateY(147px);
            transform: translateX(-20px) translateY(147px);
  }
}
@keyframes float7 {
  40% {
    -webkit-transform: translateX(-11px) translateY(-91px);
            transform: translateX(-11px) translateY(-91px);
  }
  80% {
    -webkit-transform: translateX(-20px) translateY(147px);
            transform: translateX(-20px) translateY(147px);
  }
}
@-webkit-keyframes float8 {
  40% {
    -webkit-transform: translateX(0px) translateY(-45px);
            transform: translateX(0px) translateY(-45px);
  }
  80% {
    -webkit-transform: translateX(121px) translateY(-22px);
            transform: translateX(121px) translateY(-22px);
  }
}
@keyframes float8 {
  40% {
    -webkit-transform: translateX(0px) translateY(-45px);
            transform: translateX(0px) translateY(-45px);
  }
  80% {
    -webkit-transform: translateX(121px) translateY(-22px);
            transform: translateX(121px) translateY(-22px);
  }
}
@-webkit-keyframes float9 {
  40% {
    -webkit-transform: translateX(-13px) translateY(-277px);
            transform: translateX(-13px) translateY(-277px);
  }
  80% {
    -webkit-transform: translateX(-26px) translateY(187px);
            transform: translateX(-26px) translateY(187px);
  }
}
@keyframes float9 {
  40% {
    -webkit-transform: translateX(-13px) translateY(-277px);
            transform: translateX(-13px) translateY(-277px);
  }
  80% {
    -webkit-transform: translateX(-26px) translateY(187px);
            transform: translateX(-26px) translateY(187px);
  }
}
@-webkit-keyframes float10 {
  40% {
    -webkit-transform: translateX(-16px) translateY(42px);
            transform: translateX(-16px) translateY(42px);
  }
  80% {
    -webkit-transform: translateX(4px) translateY(275px);
            transform: translateX(4px) translateY(275px);
  }
}
@keyframes float10 {
  40% {
    -webkit-transform: translateX(-16px) translateY(42px);
            transform: translateX(-16px) translateY(42px);
  }
  80% {
    -webkit-transform: translateX(4px) translateY(275px);
            transform: translateX(4px) translateY(275px);
  }
}
@-webkit-keyframes float11 {
  40% {
    -webkit-transform: translateX(33px) translateY(82px);
            transform: translateX(33px) translateY(82px);
  }
  80% {
    -webkit-transform: translateX(19px) translateY(52px);
            transform: translateX(19px) translateY(52px);
  }
}
@keyframes float11 {
  40% {
    -webkit-transform: translateX(33px) translateY(82px);
            transform: translateX(33px) translateY(82px);
  }
  80% {
    -webkit-transform: translateX(19px) translateY(52px);
            transform: translateX(19px) translateY(52px);
  }
}
@-webkit-keyframes float12 {
  40% {
    -webkit-transform: translateX(80px) translateY(-150px);
            transform: translateX(80px) translateY(-150px);
  }
  80% {
    -webkit-transform: translateX(74px) translateY(77px);
            transform: translateX(74px) translateY(77px);
  }
}
@keyframes float12 {
  40% {
    -webkit-transform: translateX(80px) translateY(-150px);
            transform: translateX(80px) translateY(-150px);
  }
  80% {
    -webkit-transform: translateX(74px) translateY(77px);
            transform: translateX(74px) translateY(77px);
  }
}
@-webkit-keyframes float13 {
  40% {
    -webkit-transform: translateX(-17px) translateY(-3px);
            transform: translateX(-17px) translateY(-3px);
  }
  80% {
    -webkit-transform: translateX(-25px) translateY(137px);
            transform: translateX(-25px) translateY(137px);
  }
}
@keyframes float13 {
  40% {
    -webkit-transform: translateX(-17px) translateY(-3px);
            transform: translateX(-17px) translateY(-3px);
  }
  80% {
    -webkit-transform: translateX(-25px) translateY(137px);
            transform: translateX(-25px) translateY(137px);
  }
}
@-webkit-keyframes float14 {
  40% {
    -webkit-transform: translateX(56px) translateY(-282px);
            transform: translateX(56px) translateY(-282px);
  }
  80% {
    -webkit-transform: translateX(-21px) translateY(-47px);
            transform: translateX(-21px) translateY(-47px);
  }
}
@keyframes float14 {
  40% {
    -webkit-transform: translateX(56px) translateY(-282px);
            transform: translateX(56px) translateY(-282px);
  }
  80% {
    -webkit-transform: translateX(-21px) translateY(-47px);
            transform: translateX(-21px) translateY(-47px);
  }
}
@-webkit-keyframes float15 {
  40% {
    -webkit-transform: translateX(69px) translateY(-264px);
            transform: translateX(69px) translateY(-264px);
  }
  80% {
    -webkit-transform: translateX(135px) translateY(143px);
            transform: translateX(135px) translateY(143px);
  }
}
@keyframes float15 {
  40% {
    -webkit-transform: translateX(69px) translateY(-264px);
            transform: translateX(69px) translateY(-264px);
  }
  80% {
    -webkit-transform: translateX(135px) translateY(143px);
            transform: translateX(135px) translateY(143px);
  }
}
@-webkit-keyframes float16 {
  40% {
    -webkit-transform: translateX(77px) translateY(96px);
            transform: translateX(77px) translateY(96px);
  }
  80% {
    -webkit-transform: translateX(10px) translateY(248px);
            transform: translateX(10px) translateY(248px);
  }
}
@keyframes float16 {
  40% {
    -webkit-transform: translateX(77px) translateY(96px);
            transform: translateX(77px) translateY(96px);
  }
  80% {
    -webkit-transform: translateX(10px) translateY(248px);
            transform: translateX(10px) translateY(248px);
  }
}
@-webkit-keyframes float17 {
  40% {
    -webkit-transform: translateX(-6px) translateY(-81px);
            transform: translateX(-6px) translateY(-81px);
  }
  80% {
    -webkit-transform: translateX(118px) translateY(5px);
            transform: translateX(118px) translateY(5px);
  }
}
@keyframes float17 {
  40% {
    -webkit-transform: translateX(-6px) translateY(-81px);
            transform: translateX(-6px) translateY(-81px);
  }
  80% {
    -webkit-transform: translateX(118px) translateY(5px);
            transform: translateX(118px) translateY(5px);
  }
}
@-webkit-keyframes float18 {
  40% {
    -webkit-transform: translateX(33px) translateY(88px);
            transform: translateX(33px) translateY(88px);
  }
  80% {
    -webkit-transform: translateX(58px) translateY(-48px);
            transform: translateX(58px) translateY(-48px);
  }
}
@keyframes float18 {
  40% {
    -webkit-transform: translateX(33px) translateY(88px);
            transform: translateX(33px) translateY(88px);
  }
  80% {
    -webkit-transform: translateX(58px) translateY(-48px);
            transform: translateX(58px) translateY(-48px);
  }
}
@-webkit-keyframes float19 {
  40% {
    -webkit-transform: translateX(29px) translateY(-159px);
            transform: translateX(29px) translateY(-159px);
  }
  80% {
    -webkit-transform: translateX(-31px) translateY(275px);
            transform: translateX(-31px) translateY(275px);
  }
}
@keyframes float19 {
  40% {
    -webkit-transform: translateX(29px) translateY(-159px);
            transform: translateX(29px) translateY(-159px);
  }
  80% {
    -webkit-transform: translateX(-31px) translateY(275px);
            transform: translateX(-31px) translateY(275px);
  }
}
@-webkit-keyframes float20 {
  40% {
    -webkit-transform: translateX(31px) translateY(-150px);
            transform: translateX(31px) translateY(-150px);
  }
  80% {
    -webkit-transform: translateX(49px) translateY(200px);
            transform: translateX(49px) translateY(200px);
  }
}
@keyframes float20 {
  40% {
    -webkit-transform: translateX(31px) translateY(-150px);
            transform: translateX(31px) translateY(-150px);
  }
  80% {
    -webkit-transform: translateX(49px) translateY(200px);
            transform: translateX(49px) translateY(200px);
  }
}
@-webkit-keyframes float21 {
  40% {
    -webkit-transform: translateX(33px) translateY(5px);
            transform: translateX(33px) translateY(5px);
  }
  80% {
    -webkit-transform: translateX(-46px) translateY(24px);
            transform: translateX(-46px) translateY(24px);
  }
}
@keyframes float21 {
  40% {
    -webkit-transform: translateX(33px) translateY(5px);
            transform: translateX(33px) translateY(5px);
  }
  80% {
    -webkit-transform: translateX(-46px) translateY(24px);
            transform: translateX(-46px) translateY(24px);
  }
}
@-webkit-keyframes float22 {
  40% {
    -webkit-transform: translateX(-13px) translateY(-87px);
            transform: translateX(-13px) translateY(-87px);
  }
  80% {
    -webkit-transform: translateX(90px) translateY(104px);
            transform: translateX(90px) translateY(104px);
  }
}
@keyframes float22 {
  40% {
    -webkit-transform: translateX(-13px) translateY(-87px);
            transform: translateX(-13px) translateY(-87px);
  }
  80% {
    -webkit-transform: translateX(90px) translateY(104px);
            transform: translateX(90px) translateY(104px);
  }
}
@-webkit-keyframes float23 {
  40% {
    -webkit-transform: translateX(61px) translateY(-299px);
            transform: translateX(61px) translateY(-299px);
  }
  80% {
    -webkit-transform: translateX(95px) translateY(-93px);
            transform: translateX(95px) translateY(-93px);
  }
}
@keyframes float23 {
  40% {
    -webkit-transform: translateX(61px) translateY(-299px);
            transform: translateX(61px) translateY(-299px);
  }
  80% {
    -webkit-transform: translateX(95px) translateY(-93px);
            transform: translateX(95px) translateY(-93px);
  }
}
@-webkit-keyframes float24 {
  40% {
    -webkit-transform: translateX(35px) translateY(-258px);
            transform: translateX(35px) translateY(-258px);
  }
  80% {
    -webkit-transform: translateX(60px) translateY(235px);
            transform: translateX(60px) translateY(235px);
  }
}
@keyframes float24 {
  40% {
    -webkit-transform: translateX(35px) translateY(-258px);
            transform: translateX(35px) translateY(-258px);
  }
  80% {
    -webkit-transform: translateX(60px) translateY(235px);
            transform: translateX(60px) translateY(235px);
  }
}
@-webkit-keyframes float25 {
  40% {
    -webkit-transform: translateX(37px) translateY(-272px);
            transform: translateX(37px) translateY(-272px);
  }
  80% {
    -webkit-transform: translateX(32px) translateY(-13px);
            transform: translateX(32px) translateY(-13px);
  }
}
@keyframes float25 {
  40% {
    -webkit-transform: translateX(37px) translateY(-272px);
            transform: translateX(37px) translateY(-272px);
  }
  80% {
    -webkit-transform: translateX(32px) translateY(-13px);
            transform: translateX(32px) translateY(-13px);
  }
}
@-webkit-keyframes float26 {
  40% {
    -webkit-transform: translateX(18px) translateY(-103px);
            transform: translateX(18px) translateY(-103px);
  }
  80% {
    -webkit-transform: translateX(18px) translateY(173px);
            transform: translateX(18px) translateY(173px);
  }
}
@keyframes float26 {
  40% {
    -webkit-transform: translateX(18px) translateY(-103px);
            transform: translateX(18px) translateY(-103px);
  }
  80% {
    -webkit-transform: translateX(18px) translateY(173px);
            transform: translateX(18px) translateY(173px);
  }
}
@-webkit-keyframes float27 {
  40% {
    -webkit-transform: translateX(50px) translateY(-39px);
            transform: translateX(50px) translateY(-39px);
  }
  80% {
    -webkit-transform: translateX(95px) translateY(-45px);
            transform: translateX(95px) translateY(-45px);
  }
}
@keyframes float27 {
  40% {
    -webkit-transform: translateX(50px) translateY(-39px);
            transform: translateX(50px) translateY(-39px);
  }
  80% {
    -webkit-transform: translateX(95px) translateY(-45px);
            transform: translateX(95px) translateY(-45px);
  }
}
@-webkit-keyframes float28 {
  40% {
    -webkit-transform: translateX(62px) translateY(-263px);
            transform: translateX(62px) translateY(-263px);
  }
  80% {
    -webkit-transform: translateX(50px) translateY(15px);
            transform: translateX(50px) translateY(15px);
  }
}
@keyframes float28 {
  40% {
    -webkit-transform: translateX(62px) translateY(-263px);
            transform: translateX(62px) translateY(-263px);
  }
  80% {
    -webkit-transform: translateX(50px) translateY(15px);
            transform: translateX(50px) translateY(15px);
  }
}
@-webkit-keyframes float29 {
  40% {
    -webkit-transform: translateX(20px) translateY(-16px);
            transform: translateX(20px) translateY(-16px);
  }
  80% {
    -webkit-transform: translateX(24px) translateY(-4px);
            transform: translateX(24px) translateY(-4px);
  }
}
@keyframes float29 {
  40% {
    -webkit-transform: translateX(20px) translateY(-16px);
            transform: translateX(20px) translateY(-16px);
  }
  80% {
    -webkit-transform: translateX(24px) translateY(-4px);
            transform: translateX(24px) translateY(-4px);
  }
}
@-webkit-keyframes float30 {
  40% {
    -webkit-transform: translateX(35px) translateY(-6px);
            transform: translateX(35px) translateY(-6px);
  }
  80% {
    -webkit-transform: translateX(149px) translateY(-45px);
            transform: translateX(149px) translateY(-45px);
  }
}
@keyframes float30 {
  40% {
    -webkit-transform: translateX(35px) translateY(-6px);
            transform: translateX(35px) translateY(-6px);
  }
  80% {
    -webkit-transform: translateX(149px) translateY(-45px);
            transform: translateX(149px) translateY(-45px);
  }
}
@-webkit-keyframes float31 {
  40% {
    -webkit-transform: translateX(5px) translateY(-224px);
            transform: translateX(5px) translateY(-224px);
  }
  80% {
    -webkit-transform: translateX(148px) translateY(150px);
            transform: translateX(148px) translateY(150px);
  }
}
@keyframes float31 {
  40% {
    -webkit-transform: translateX(5px) translateY(-224px);
            transform: translateX(5px) translateY(-224px);
  }
  80% {
    -webkit-transform: translateX(148px) translateY(150px);
            transform: translateX(148px) translateY(150px);
  }
}
@-webkit-keyframes float32 {
  40% {
    -webkit-transform: translateX(-15px) translateY(50px);
            transform: translateX(-15px) translateY(50px);
  }
  80% {
    -webkit-transform: translateX(-35px) translateY(270px);
            transform: translateX(-35px) translateY(270px);
  }
}
@keyframes float32 {
  40% {
    -webkit-transform: translateX(-15px) translateY(50px);
            transform: translateX(-15px) translateY(50px);
  }
  80% {
    -webkit-transform: translateX(-35px) translateY(270px);
            transform: translateX(-35px) translateY(270px);
  }
}
@-webkit-keyframes float33 {
  40% {
    -webkit-transform: translateX(48px) translateY(-129px);
            transform: translateX(48px) translateY(-129px);
  }
  80% {
    -webkit-transform: translateX(7px) translateY(245px);
            transform: translateX(7px) translateY(245px);
  }
}
@keyframes float33 {
  40% {
    -webkit-transform: translateX(48px) translateY(-129px);
            transform: translateX(48px) translateY(-129px);
  }
  80% {
    -webkit-transform: translateX(7px) translateY(245px);
            transform: translateX(7px) translateY(245px);
  }
}
@-webkit-keyframes float34 {
  40% {
    -webkit-transform: translateX(27px) translateY(-37px);
            transform: translateX(27px) translateY(-37px);
  }
  80% {
    -webkit-transform: translateX(89px) translateY(-50px);
            transform: translateX(89px) translateY(-50px);
  }
}
@keyframes float34 {
  40% {
    -webkit-transform: translateX(27px) translateY(-37px);
            transform: translateX(27px) translateY(-37px);
  }
  80% {
    -webkit-transform: translateX(89px) translateY(-50px);
            transform: translateX(89px) translateY(-50px);
  }
}
@-webkit-keyframes float35 {
  40% {
    -webkit-transform: translateX(7px) translateY(-171px);
            transform: translateX(7px) translateY(-171px);
  }
  80% {
    -webkit-transform: translateX(90px) translateY(208px);
            transform: translateX(90px) translateY(208px);
  }
}
@keyframes float35 {
  40% {
    -webkit-transform: translateX(7px) translateY(-171px);
            transform: translateX(7px) translateY(-171px);
  }
  80% {
    -webkit-transform: translateX(90px) translateY(208px);
            transform: translateX(90px) translateY(208px);
  }
}
@-webkit-keyframes float36 {
  40% {
    -webkit-transform: translateX(-11px) translateY(74px);
            transform: translateX(-11px) translateY(74px);
  }
  80% {
    -webkit-transform: translateX(64px) translateY(165px);
            transform: translateX(64px) translateY(165px);
  }
}
@keyframes float36 {
  40% {
    -webkit-transform: translateX(-11px) translateY(74px);
            transform: translateX(-11px) translateY(74px);
  }
  80% {
    -webkit-transform: translateX(64px) translateY(165px);
            transform: translateX(64px) translateY(165px);
  }
}
@-webkit-keyframes float37 {
  40% {
    -webkit-transform: translateX(72px) translateY(-101px);
            transform: translateX(72px) translateY(-101px);
  }
  80% {
    -webkit-transform: translateX(87px) translateY(-60px);
            transform: translateX(87px) translateY(-60px);
  }
}
@keyframes float37 {
  40% {
    -webkit-transform: translateX(72px) translateY(-101px);
            transform: translateX(72px) translateY(-101px);
  }
  80% {
    -webkit-transform: translateX(87px) translateY(-60px);
            transform: translateX(87px) translateY(-60px);
  }
}
@-webkit-keyframes float38 {
  40% {
    -webkit-transform: translateX(66px) translateY(-29px);
            transform: translateX(66px) translateY(-29px);
  }
  80% {
    -webkit-transform: translateX(91px) translateY(-63px);
            transform: translateX(91px) translateY(-63px);
  }
}
@keyframes float38 {
  40% {
    -webkit-transform: translateX(66px) translateY(-29px);
            transform: translateX(66px) translateY(-29px);
  }
  80% {
    -webkit-transform: translateX(91px) translateY(-63px);
            transform: translateX(91px) translateY(-63px);
  }
}
@-webkit-keyframes float39 {
  40% {
    -webkit-transform: translateX(26px) translateY(-80px);
            transform: translateX(26px) translateY(-80px);
  }
  80% {
    -webkit-transform: translateX(33px) translateY(165px);
            transform: translateX(33px) translateY(165px);
  }
}
@keyframes float39 {
  40% {
    -webkit-transform: translateX(26px) translateY(-80px);
            transform: translateX(26px) translateY(-80px);
  }
  80% {
    -webkit-transform: translateX(33px) translateY(165px);
            transform: translateX(33px) translateY(165px);
  }
}
@-webkit-keyframes float40 {
  40% {
    -webkit-transform: translateX(64px) translateY(-13px);
            transform: translateX(64px) translateY(-13px);
  }
  80% {
    -webkit-transform: translateX(72px) translateY(63px);
            transform: translateX(72px) translateY(63px);
  }
}
@keyframes float40 {
  40% {
    -webkit-transform: translateX(64px) translateY(-13px);
            transform: translateX(64px) translateY(-13px);
  }
  80% {
    -webkit-transform: translateX(72px) translateY(63px);
            transform: translateX(72px) translateY(63px);
  }
}
@-webkit-keyframes float41 {
  40% {
    -webkit-transform: translateX(38px) translateY(-212px);
            transform: translateX(38px) translateY(-212px);
  }
  80% {
    -webkit-transform: translateX(141px) translateY(95px);
            transform: translateX(141px) translateY(95px);
  }
}
@keyframes float41 {
  40% {
    -webkit-transform: translateX(38px) translateY(-212px);
            transform: translateX(38px) translateY(-212px);
  }
  80% {
    -webkit-transform: translateX(141px) translateY(95px);
            transform: translateX(141px) translateY(95px);
  }
}
@-webkit-keyframes float42 {
  40% {
    -webkit-transform: translateX(41px) translateY(-16px);
            transform: translateX(41px) translateY(-16px);
  }
  80% {
    -webkit-transform: translateX(-23px) translateY(242px);
            transform: translateX(-23px) translateY(242px);
  }
}
@keyframes float42 {
  40% {
    -webkit-transform: translateX(41px) translateY(-16px);
            transform: translateX(41px) translateY(-16px);
  }
  80% {
    -webkit-transform: translateX(-23px) translateY(242px);
            transform: translateX(-23px) translateY(242px);
  }
}
@-webkit-keyframes float43 {
  40% {
    -webkit-transform: translateX(-12px) translateY(96px);
            transform: translateX(-12px) translateY(96px);
  }
  80% {
    -webkit-transform: translateX(109px) translateY(232px);
            transform: translateX(109px) translateY(232px);
  }
}
@keyframes float43 {
  40% {
    -webkit-transform: translateX(-12px) translateY(96px);
            transform: translateX(-12px) translateY(96px);
  }
  80% {
    -webkit-transform: translateX(109px) translateY(232px);
            transform: translateX(109px) translateY(232px);
  }
}
@-webkit-keyframes float44 {
  40% {
    -webkit-transform: translateX(40px) translateY(80px);
            transform: translateX(40px) translateY(80px);
  }
  80% {
    -webkit-transform: translateX(7px) translateY(57px);
            transform: translateX(7px) translateY(57px);
  }
}
@keyframes float44 {
  40% {
    -webkit-transform: translateX(40px) translateY(80px);
            transform: translateX(40px) translateY(80px);
  }
  80% {
    -webkit-transform: translateX(7px) translateY(57px);
            transform: translateX(7px) translateY(57px);
  }
}
@-webkit-keyframes float45 {
  40% {
    -webkit-transform: translateX(7px) translateY(-89px);
            transform: translateX(7px) translateY(-89px);
  }
  80% {
    -webkit-transform: translateX(143px) translateY(-24px);
            transform: translateX(143px) translateY(-24px);
  }
}
@keyframes float45 {
  40% {
    -webkit-transform: translateX(7px) translateY(-89px);
            transform: translateX(7px) translateY(-89px);
  }
  80% {
    -webkit-transform: translateX(143px) translateY(-24px);
            transform: translateX(143px) translateY(-24px);
  }
}
@-webkit-keyframes float46 {
  40% {
    -webkit-transform: translateX(-2px) translateY(21px);
            transform: translateX(-2px) translateY(21px);
  }
  80% {
    -webkit-transform: translateX(88px) translateY(31px);
            transform: translateX(88px) translateY(31px);
  }
}
@keyframes float46 {
  40% {
    -webkit-transform: translateX(-2px) translateY(21px);
            transform: translateX(-2px) translateY(21px);
  }
  80% {
    -webkit-transform: translateX(88px) translateY(31px);
            transform: translateX(88px) translateY(31px);
  }
}
@-webkit-keyframes float47 {
  40% {
    -webkit-transform: translateX(4px) translateY(8px);
            transform: translateX(4px) translateY(8px);
  }
  80% {
    -webkit-transform: translateX(-46px) translateY(276px);
            transform: translateX(-46px) translateY(276px);
  }
}
@keyframes float47 {
  40% {
    -webkit-transform: translateX(4px) translateY(8px);
            transform: translateX(4px) translateY(8px);
  }
  80% {
    -webkit-transform: translateX(-46px) translateY(276px);
            transform: translateX(-46px) translateY(276px);
  }
}
@-webkit-keyframes float48 {
  40% {
    -webkit-transform: translateX(21px) translateY(-85px);
            transform: translateX(21px) translateY(-85px);
  }
  80% {
    -webkit-transform: translateX(123px) translateY(48px);
            transform: translateX(123px) translateY(48px);
  }
}
@keyframes float48 {
  40% {
    -webkit-transform: translateX(21px) translateY(-85px);
            transform: translateX(21px) translateY(-85px);
  }
  80% {
    -webkit-transform: translateX(123px) translateY(48px);
            transform: translateX(123px) translateY(48px);
  }
}
@-webkit-keyframes float49 {
  40% {
    -webkit-transform: translateX(20px) translateY(-167px);
            transform: translateX(20px) translateY(-167px);
  }
  80% {
    -webkit-transform: translateX(51px) translateY(149px);
            transform: translateX(51px) translateY(149px);
  }
}
@keyframes float49 {
  40% {
    -webkit-transform: translateX(20px) translateY(-167px);
            transform: translateX(20px) translateY(-167px);
  }
  80% {
    -webkit-transform: translateX(51px) translateY(149px);
            transform: translateX(51px) translateY(149px);
  }
}
@-webkit-keyframes float50 {
  40% {
    -webkit-transform: translateX(-16px) translateY(-275px);
            transform: translateX(-16px) translateY(-275px);
  }
  80% {
    -webkit-transform: translateX(112px) translateY(-79px);
            transform: translateX(112px) translateY(-79px);
  }
}
@keyframes float50 {
  40% {
    -webkit-transform: translateX(-16px) translateY(-275px);
            transform: translateX(-16px) translateY(-275px);
  }
  80% {
    -webkit-transform: translateX(112px) translateY(-79px);
            transform: translateX(112px) translateY(-79px);
  }
}
@-webkit-keyframes float51 {
  40% {
    -webkit-transform: translateX(54px) translateY(-188px);
            transform: translateX(54px) translateY(-188px);
  }
  80% {
    -webkit-transform: translateX(115px) translateY(-78px);
            transform: translateX(115px) translateY(-78px);
  }
}
@keyframes float51 {
  40% {
    -webkit-transform: translateX(54px) translateY(-188px);
            transform: translateX(54px) translateY(-188px);
  }
  80% {
    -webkit-transform: translateX(115px) translateY(-78px);
            transform: translateX(115px) translateY(-78px);
  }
}
@-webkit-keyframes float52 {
  40% {
    -webkit-transform: translateX(40px) translateY(-42px);
            transform: translateX(40px) translateY(-42px);
  }
  80% {
    -webkit-transform: translateX(105px) translateY(-71px);
            transform: translateX(105px) translateY(-71px);
  }
}
@keyframes float52 {
  40% {
    -webkit-transform: translateX(40px) translateY(-42px);
            transform: translateX(40px) translateY(-42px);
  }
  80% {
    -webkit-transform: translateX(105px) translateY(-71px);
            transform: translateX(105px) translateY(-71px);
  }
}
@-webkit-keyframes float53 {
  40% {
    -webkit-transform: translateX(31px) translateY(-207px);
            transform: translateX(31px) translateY(-207px);
  }
  80% {
    -webkit-transform: translateX(-11px) translateY(248px);
            transform: translateX(-11px) translateY(248px);
  }
}
@keyframes float53 {
  40% {
    -webkit-transform: translateX(31px) translateY(-207px);
            transform: translateX(31px) translateY(-207px);
  }
  80% {
    -webkit-transform: translateX(-11px) translateY(248px);
            transform: translateX(-11px) translateY(248px);
  }
}
@-webkit-keyframes float54 {
  40% {
    -webkit-transform: translateX(39px) translateY(-297px);
            transform: translateX(39px) translateY(-297px);
  }
  80% {
    -webkit-transform: translateX(1px) translateY(-19px);
            transform: translateX(1px) translateY(-19px);
  }
}
@keyframes float54 {
  40% {
    -webkit-transform: translateX(39px) translateY(-297px);
            transform: translateX(39px) translateY(-297px);
  }
  80% {
    -webkit-transform: translateX(1px) translateY(-19px);
            transform: translateX(1px) translateY(-19px);
  }
}
@-webkit-keyframes float55 {
  40% {
    -webkit-transform: translateX(37px) translateY(-215px);
            transform: translateX(37px) translateY(-215px);
  }
  80% {
    -webkit-transform: translateX(111px) translateY(77px);
            transform: translateX(111px) translateY(77px);
  }
}
@keyframes float55 {
  40% {
    -webkit-transform: translateX(37px) translateY(-215px);
            transform: translateX(37px) translateY(-215px);
  }
  80% {
    -webkit-transform: translateX(111px) translateY(77px);
            transform: translateX(111px) translateY(77px);
  }
}
@-webkit-keyframes float56 {
  40% {
    -webkit-transform: translateX(48px) translateY(-299px);
            transform: translateX(48px) translateY(-299px);
  }
  80% {
    -webkit-transform: translateX(20px) translateY(-66px);
            transform: translateX(20px) translateY(-66px);
  }
}
@keyframes float56 {
  40% {
    -webkit-transform: translateX(48px) translateY(-299px);
            transform: translateX(48px) translateY(-299px);
  }
  80% {
    -webkit-transform: translateX(20px) translateY(-66px);
            transform: translateX(20px) translateY(-66px);
  }
}
@-webkit-keyframes float57 {
  40% {
    -webkit-transform: translateX(48px) translateY(-52px);
            transform: translateX(48px) translateY(-52px);
  }
  80% {
    -webkit-transform: translateX(20px) translateY(154px);
            transform: translateX(20px) translateY(154px);
  }
}
@keyframes float57 {
  40% {
    -webkit-transform: translateX(48px) translateY(-52px);
            transform: translateX(48px) translateY(-52px);
  }
  80% {
    -webkit-transform: translateX(20px) translateY(154px);
            transform: translateX(20px) translateY(154px);
  }
}
@-webkit-keyframes float58 {
  40% {
    -webkit-transform: translateX(-17px) translateY(33px);
            transform: translateX(-17px) translateY(33px);
  }
  80% {
    -webkit-transform: translateX(46px) translateY(64px);
            transform: translateX(46px) translateY(64px);
  }
}
@keyframes float58 {
  40% {
    -webkit-transform: translateX(-17px) translateY(33px);
            transform: translateX(-17px) translateY(33px);
  }
  80% {
    -webkit-transform: translateX(46px) translateY(64px);
            transform: translateX(46px) translateY(64px);
  }
}
@-webkit-keyframes float59 {
  40% {
    -webkit-transform: translateX(74px) translateY(-155px);
            transform: translateX(74px) translateY(-155px);
  }
  80% {
    -webkit-transform: translateX(90px) translateY(60px);
            transform: translateX(90px) translateY(60px);
  }
}
@keyframes float59 {
  40% {
    -webkit-transform: translateX(74px) translateY(-155px);
            transform: translateX(74px) translateY(-155px);
  }
  80% {
    -webkit-transform: translateX(90px) translateY(60px);
            transform: translateX(90px) translateY(60px);
  }
}
@-webkit-keyframes float60 {
  40% {
    -webkit-transform: translateX(17px) translateY(-196px);
            transform: translateX(17px) translateY(-196px);
  }
  80% {
    -webkit-transform: translateX(4px) translateY(-63px);
            transform: translateX(4px) translateY(-63px);
  }
}
@keyframes float60 {
  40% {
    -webkit-transform: translateX(17px) translateY(-196px);
            transform: translateX(17px) translateY(-196px);
  }
  80% {
    -webkit-transform: translateX(4px) translateY(-63px);
            transform: translateX(4px) translateY(-63px);
  }
}
@-webkit-keyframes float61 {
  40% {
    -webkit-transform: translateX(-12px) translateY(-79px);
            transform: translateX(-12px) translateY(-79px);
  }
  80% {
    -webkit-transform: translateX(135px) translateY(299px);
            transform: translateX(135px) translateY(299px);
  }
}
@keyframes float61 {
  40% {
    -webkit-transform: translateX(-12px) translateY(-79px);
            transform: translateX(-12px) translateY(-79px);
  }
  80% {
    -webkit-transform: translateX(135px) translateY(299px);
            transform: translateX(135px) translateY(299px);
  }
}
@-webkit-keyframes float62 {
  40% {
    -webkit-transform: translateX(57px) translateY(-229px);
            transform: translateX(57px) translateY(-229px);
  }
  80% {
    -webkit-transform: translateX(-1px) translateY(92px);
            transform: translateX(-1px) translateY(92px);
  }
}
@keyframes float62 {
  40% {
    -webkit-transform: translateX(57px) translateY(-229px);
            transform: translateX(57px) translateY(-229px);
  }
  80% {
    -webkit-transform: translateX(-1px) translateY(92px);
            transform: translateX(-1px) translateY(92px);
  }
}
@-webkit-keyframes float63 {
  40% {
    -webkit-transform: translateX(57px) translateY(-241px);
            transform: translateX(57px) translateY(-241px);
  }
  80% {
    -webkit-transform: translateX(57px) translateY(68px);
            transform: translateX(57px) translateY(68px);
  }
}
@keyframes float63 {
  40% {
    -webkit-transform: translateX(57px) translateY(-241px);
            transform: translateX(57px) translateY(-241px);
  }
  80% {
    -webkit-transform: translateX(57px) translateY(68px);
            transform: translateX(57px) translateY(68px);
  }
}
@-webkit-keyframes float64 {
  40% {
    -webkit-transform: translateX(3px) translateY(-106px);
            transform: translateX(3px) translateY(-106px);
  }
  80% {
    -webkit-transform: translateX(54px) translateY(104px);
            transform: translateX(54px) translateY(104px);
  }
}
@keyframes float64 {
  40% {
    -webkit-transform: translateX(3px) translateY(-106px);
            transform: translateX(3px) translateY(-106px);
  }
  80% {
    -webkit-transform: translateX(54px) translateY(104px);
            transform: translateX(54px) translateY(104px);
  }
}
@-webkit-keyframes float65 {
  40% {
    -webkit-transform: translateX(-14px) translateY(-130px);
            transform: translateX(-14px) translateY(-130px);
  }
  80% {
    -webkit-transform: translateX(-38px) translateY(-28px);
            transform: translateX(-38px) translateY(-28px);
  }
}
@keyframes float65 {
  40% {
    -webkit-transform: translateX(-14px) translateY(-130px);
            transform: translateX(-14px) translateY(-130px);
  }
  80% {
    -webkit-transform: translateX(-38px) translateY(-28px);
            transform: translateX(-38px) translateY(-28px);
  }
}
@-webkit-keyframes float66 {
  40% {
    -webkit-transform: translateX(16px) translateY(-2px);
            transform: translateX(16px) translateY(-2px);
  }
  80% {
    -webkit-transform: translateX(110px) translateY(77px);
            transform: translateX(110px) translateY(77px);
  }
}
@keyframes float66 {
  40% {
    -webkit-transform: translateX(16px) translateY(-2px);
            transform: translateX(16px) translateY(-2px);
  }
  80% {
    -webkit-transform: translateX(110px) translateY(77px);
            transform: translateX(110px) translateY(77px);
  }
}
@-webkit-keyframes float67 {
  40% {
    -webkit-transform: translateX(19px) translateY(-267px);
            transform: translateX(19px) translateY(-267px);
  }
  80% {
    -webkit-transform: translateX(72px) translateY(176px);
            transform: translateX(72px) translateY(176px);
  }
}
@keyframes float67 {
  40% {
    -webkit-transform: translateX(19px) translateY(-267px);
            transform: translateX(19px) translateY(-267px);
  }
  80% {
    -webkit-transform: translateX(72px) translateY(176px);
            transform: translateX(72px) translateY(176px);
  }
}
@-webkit-keyframes float68 {
  40% {
    -webkit-transform: translateX(45px) translateY(-161px);
            transform: translateX(45px) translateY(-161px);
  }
  80% {
    -webkit-transform: translateX(87px) translateY(226px);
            transform: translateX(87px) translateY(226px);
  }
}
@keyframes float68 {
  40% {
    -webkit-transform: translateX(45px) translateY(-161px);
            transform: translateX(45px) translateY(-161px);
  }
  80% {
    -webkit-transform: translateX(87px) translateY(226px);
            transform: translateX(87px) translateY(226px);
  }
}
@-webkit-keyframes float69 {
  40% {
    -webkit-transform: translateX(44px) translateY(2px);
            transform: translateX(44px) translateY(2px);
  }
  80% {
    -webkit-transform: translateX(119px) translateY(-80px);
            transform: translateX(119px) translateY(-80px);
  }
}
@keyframes float69 {
  40% {
    -webkit-transform: translateX(44px) translateY(2px);
            transform: translateX(44px) translateY(2px);
  }
  80% {
    -webkit-transform: translateX(119px) translateY(-80px);
            transform: translateX(119px) translateY(-80px);
  }
}
@-webkit-keyframes float70 {
  40% {
    -webkit-transform: translateX(-2px) translateY(-81px);
            transform: translateX(-2px) translateY(-81px);
  }
  80% {
    -webkit-transform: translateX(17px) translateY(18px);
            transform: translateX(17px) translateY(18px);
  }
}
@keyframes float70 {
  40% {
    -webkit-transform: translateX(-2px) translateY(-81px);
            transform: translateX(-2px) translateY(-81px);
  }
  80% {
    -webkit-transform: translateX(17px) translateY(18px);
            transform: translateX(17px) translateY(18px);
  }
}
@-webkit-keyframes float71 {
  40% {
    -webkit-transform: translateX(-19px) translateY(-89px);
            transform: translateX(-19px) translateY(-89px);
  }
  80% {
    -webkit-transform: translateX(-27px) translateY(78px);
            transform: translateX(-27px) translateY(78px);
  }
}
@keyframes float71 {
  40% {
    -webkit-transform: translateX(-19px) translateY(-89px);
            transform: translateX(-19px) translateY(-89px);
  }
  80% {
    -webkit-transform: translateX(-27px) translateY(78px);
            transform: translateX(-27px) translateY(78px);
  }
}
@-webkit-keyframes float72 {
  40% {
    -webkit-transform: translateX(-13px) translateY(75px);
            transform: translateX(-13px) translateY(75px);
  }
  80% {
    -webkit-transform: translateX(-27px) translateY(279px);
            transform: translateX(-27px) translateY(279px);
  }
}
@keyframes float72 {
  40% {
    -webkit-transform: translateX(-13px) translateY(75px);
            transform: translateX(-13px) translateY(75px);
  }
  80% {
    -webkit-transform: translateX(-27px) translateY(279px);
            transform: translateX(-27px) translateY(279px);
  }
}
@-webkit-keyframes float73 {
  40% {
    -webkit-transform: translateX(22px) translateY(-1px);
            transform: translateX(22px) translateY(-1px);
  }
  80% {
    -webkit-transform: translateX(108px) translateY(-68px);
            transform: translateX(108px) translateY(-68px);
  }
}
@keyframes float73 {
  40% {
    -webkit-transform: translateX(22px) translateY(-1px);
            transform: translateX(22px) translateY(-1px);
  }
  80% {
    -webkit-transform: translateX(108px) translateY(-68px);
            transform: translateX(108px) translateY(-68px);
  }
}
@-webkit-keyframes float74 {
  40% {
    -webkit-transform: translateX(55px) translateY(-51px);
            transform: translateX(55px) translateY(-51px);
  }
  80% {
    -webkit-transform: translateX(-37px) translateY(117px);
            transform: translateX(-37px) translateY(117px);
  }
}
@keyframes float74 {
  40% {
    -webkit-transform: translateX(55px) translateY(-51px);
            transform: translateX(55px) translateY(-51px);
  }
  80% {
    -webkit-transform: translateX(-37px) translateY(117px);
            transform: translateX(-37px) translateY(117px);
  }
}
@-webkit-keyframes float75 {
  40% {
    -webkit-transform: translateX(46px) translateY(-70px);
            transform: translateX(46px) translateY(-70px);
  }
  80% {
    -webkit-transform: translateX(37px) translateY(270px);
            transform: translateX(37px) translateY(270px);
  }
}
@keyframes float75 {
  40% {
    -webkit-transform: translateX(46px) translateY(-70px);
            transform: translateX(46px) translateY(-70px);
  }
  80% {
    -webkit-transform: translateX(37px) translateY(270px);
            transform: translateX(37px) translateY(270px);
  }
}
@-webkit-keyframes float76 {
  40% {
    -webkit-transform: translateX(-5px) translateY(-259px);
            transform: translateX(-5px) translateY(-259px);
  }
  80% {
    -webkit-transform: translateX(6px) translateY(-82px);
            transform: translateX(6px) translateY(-82px);
  }
}
@keyframes float76 {
  40% {
    -webkit-transform: translateX(-5px) translateY(-259px);
            transform: translateX(-5px) translateY(-259px);
  }
  80% {
    -webkit-transform: translateX(6px) translateY(-82px);
            transform: translateX(6px) translateY(-82px);
  }
}
@-webkit-keyframes float77 {
  40% {
    -webkit-transform: translateX(47px) translateY(40px);
            transform: translateX(47px) translateY(40px);
  }
  80% {
    -webkit-transform: translateX(-17px) translateY(-75px);
            transform: translateX(-17px) translateY(-75px);
  }
}
@keyframes float77 {
  40% {
    -webkit-transform: translateX(47px) translateY(40px);
            transform: translateX(47px) translateY(40px);
  }
  80% {
    -webkit-transform: translateX(-17px) translateY(-75px);
            transform: translateX(-17px) translateY(-75px);
  }
}
@-webkit-keyframes float78 {
  40% {
    -webkit-transform: translateX(25px) translateY(-2px);
            transform: translateX(25px) translateY(-2px);
  }
  80% {
    -webkit-transform: translateX(-33px) translateY(93px);
            transform: translateX(-33px) translateY(93px);
  }
}
@keyframes float78 {
  40% {
    -webkit-transform: translateX(25px) translateY(-2px);
            transform: translateX(25px) translateY(-2px);
  }
  80% {
    -webkit-transform: translateX(-33px) translateY(93px);
            transform: translateX(-33px) translateY(93px);
  }
}
@-webkit-keyframes float79 {
  40% {
    -webkit-transform: translateX(78px) translateY(-61px);
            transform: translateX(78px) translateY(-61px);
  }
  80% {
    -webkit-transform: translateX(35px) translateY(-47px);
            transform: translateX(35px) translateY(-47px);
  }
}
@keyframes float79 {
  40% {
    -webkit-transform: translateX(78px) translateY(-61px);
            transform: translateX(78px) translateY(-61px);
  }
  80% {
    -webkit-transform: translateX(35px) translateY(-47px);
            transform: translateX(35px) translateY(-47px);
  }
}
@-webkit-keyframes float80 {
  40% {
    -webkit-transform: translateX(6px) translateY(-99px);
            transform: translateX(6px) translateY(-99px);
  }
  80% {
    -webkit-transform: translateX(103px) translateY(175px);
            transform: translateX(103px) translateY(175px);
  }
}
@keyframes float80 {
  40% {
    -webkit-transform: translateX(6px) translateY(-99px);
            transform: translateX(6px) translateY(-99px);
  }
  80% {
    -webkit-transform: translateX(103px) translateY(175px);
            transform: translateX(103px) translateY(175px);
  }
}
@-webkit-keyframes float81 {
  40% {
    -webkit-transform: translateX(25px) translateY(-251px);
            transform: translateX(25px) translateY(-251px);
  }
  80% {
    -webkit-transform: translateX(103px) translateY(172px);
            transform: translateX(103px) translateY(172px);
  }
}
@keyframes float81 {
  40% {
    -webkit-transform: translateX(25px) translateY(-251px);
            transform: translateX(25px) translateY(-251px);
  }
  80% {
    -webkit-transform: translateX(103px) translateY(172px);
            transform: translateX(103px) translateY(172px);
  }
}
@-webkit-keyframes float82 {
  40% {
    -webkit-transform: translateX(52px) translateY(-263px);
            transform: translateX(52px) translateY(-263px);
  }
  80% {
    -webkit-transform: translateX(71px) translateY(70px);
            transform: translateX(71px) translateY(70px);
  }
}
@keyframes float82 {
  40% {
    -webkit-transform: translateX(52px) translateY(-263px);
            transform: translateX(52px) translateY(-263px);
  }
  80% {
    -webkit-transform: translateX(71px) translateY(70px);
            transform: translateX(71px) translateY(70px);
  }
}
@-webkit-keyframes float83 {
  40% {
    -webkit-transform: translateX(57px) translateY(-197px);
            transform: translateX(57px) translateY(-197px);
  }
  80% {
    -webkit-transform: translateX(-48px) translateY(56px);
            transform: translateX(-48px) translateY(56px);
  }
}
@keyframes float83 {
  40% {
    -webkit-transform: translateX(57px) translateY(-197px);
            transform: translateX(57px) translateY(-197px);
  }
  80% {
    -webkit-transform: translateX(-48px) translateY(56px);
            transform: translateX(-48px) translateY(56px);
  }
}
@-webkit-keyframes float84 {
  40% {
    -webkit-transform: translateX(63px) translateY(-222px);
            transform: translateX(63px) translateY(-222px);
  }
  80% {
    -webkit-transform: translateX(46px) translateY(65px);
            transform: translateX(46px) translateY(65px);
  }
}
@keyframes float84 {
  40% {
    -webkit-transform: translateX(63px) translateY(-222px);
            transform: translateX(63px) translateY(-222px);
  }
  80% {
    -webkit-transform: translateX(46px) translateY(65px);
            transform: translateX(46px) translateY(65px);
  }
}
@-webkit-keyframes float85 {
  40% {
    -webkit-transform: translateX(60px) translateY(-248px);
            transform: translateX(60px) translateY(-248px);
  }
  80% {
    -webkit-transform: translateX(-22px) translateY(195px);
            transform: translateX(-22px) translateY(195px);
  }
}
@keyframes float85 {
  40% {
    -webkit-transform: translateX(60px) translateY(-248px);
            transform: translateX(60px) translateY(-248px);
  }
  80% {
    -webkit-transform: translateX(-22px) translateY(195px);
            transform: translateX(-22px) translateY(195px);
  }
}
@-webkit-keyframes float86 {
  40% {
    -webkit-transform: translateX(18px) translateY(-43px);
            transform: translateX(18px) translateY(-43px);
  }
  80% {
    -webkit-transform: translateX(69px) translateY(72px);
            transform: translateX(69px) translateY(72px);
  }
}
@keyframes float86 {
  40% {
    -webkit-transform: translateX(18px) translateY(-43px);
            transform: translateX(18px) translateY(-43px);
  }
  80% {
    -webkit-transform: translateX(69px) translateY(72px);
            transform: translateX(69px) translateY(72px);
  }
}
@-webkit-keyframes float87 {
  40% {
    -webkit-transform: translateX(42px) translateY(-242px);
            transform: translateX(42px) translateY(-242px);
  }
  80% {
    -webkit-transform: translateX(72px) translateY(-68px);
            transform: translateX(72px) translateY(-68px);
  }
}
@keyframes float87 {
  40% {
    -webkit-transform: translateX(42px) translateY(-242px);
            transform: translateX(42px) translateY(-242px);
  }
  80% {
    -webkit-transform: translateX(72px) translateY(-68px);
            transform: translateX(72px) translateY(-68px);
  }
}
@-webkit-keyframes float88 {
  40% {
    -webkit-transform: translateX(30px) translateY(-229px);
            transform: translateX(30px) translateY(-229px);
  }
  80% {
    -webkit-transform: translateX(57px) translateY(147px);
            transform: translateX(57px) translateY(147px);
  }
}
@keyframes float88 {
  40% {
    -webkit-transform: translateX(30px) translateY(-229px);
            transform: translateX(30px) translateY(-229px);
  }
  80% {
    -webkit-transform: translateX(57px) translateY(147px);
            transform: translateX(57px) translateY(147px);
  }
}
@-webkit-keyframes float89 {
  40% {
    -webkit-transform: translateX(79px) translateY(-72px);
            transform: translateX(79px) translateY(-72px);
  }
  80% {
    -webkit-transform: translateX(-2px) translateY(21px);
            transform: translateX(-2px) translateY(21px);
  }
}
@keyframes float89 {
  40% {
    -webkit-transform: translateX(79px) translateY(-72px);
            transform: translateX(79px) translateY(-72px);
  }
  80% {
    -webkit-transform: translateX(-2px) translateY(21px);
            transform: translateX(-2px) translateY(21px);
  }
}
@-webkit-keyframes float90 {
  40% {
    -webkit-transform: translateX(58px) translateY(-273px);
            transform: translateX(58px) translateY(-273px);
  }
  80% {
    -webkit-transform: translateX(116px) translateY(-19px);
            transform: translateX(116px) translateY(-19px);
  }
}
@keyframes float90 {
  40% {
    -webkit-transform: translateX(58px) translateY(-273px);
            transform: translateX(58px) translateY(-273px);
  }
  80% {
    -webkit-transform: translateX(116px) translateY(-19px);
            transform: translateX(116px) translateY(-19px);
  }
}
@-webkit-keyframes float91 {
  40% {
    -webkit-transform: translateX(10px) translateY(-165px);
            transform: translateX(10px) translateY(-165px);
  }
  80% {
    -webkit-transform: translateX(53px) translateY(18px);
            transform: translateX(53px) translateY(18px);
  }
}
@keyframes float91 {
  40% {
    -webkit-transform: translateX(10px) translateY(-165px);
            transform: translateX(10px) translateY(-165px);
  }
  80% {
    -webkit-transform: translateX(53px) translateY(18px);
            transform: translateX(53px) translateY(18px);
  }
}
@-webkit-keyframes float92 {
  40% {
    -webkit-transform: translateX(-9px) translateY(-182px);
            transform: translateX(-9px) translateY(-182px);
  }
  80% {
    -webkit-transform: translateX(56px) translateY(251px);
            transform: translateX(56px) translateY(251px);
  }
}
@keyframes float92 {
  40% {
    -webkit-transform: translateX(-9px) translateY(-182px);
            transform: translateX(-9px) translateY(-182px);
  }
  80% {
    -webkit-transform: translateX(56px) translateY(251px);
            transform: translateX(56px) translateY(251px);
  }
}
@-webkit-keyframes float93 {
  40% {
    -webkit-transform: translateX(-13px) translateY(-7px);
            transform: translateX(-13px) translateY(-7px);
  }
  80% {
    -webkit-transform: translateX(10px) translateY(237px);
            transform: translateX(10px) translateY(237px);
  }
}
@keyframes float93 {
  40% {
    -webkit-transform: translateX(-13px) translateY(-7px);
            transform: translateX(-13px) translateY(-7px);
  }
  80% {
    -webkit-transform: translateX(10px) translateY(237px);
            transform: translateX(10px) translateY(237px);
  }
}
@-webkit-keyframes float94 {
  40% {
    -webkit-transform: translateX(-2px) translateY(-299px);
            transform: translateX(-2px) translateY(-299px);
  }
  80% {
    -webkit-transform: translateX(47px) translateY(29px);
            transform: translateX(47px) translateY(29px);
  }
}
@keyframes float94 {
  40% {
    -webkit-transform: translateX(-2px) translateY(-299px);
            transform: translateX(-2px) translateY(-299px);
  }
  80% {
    -webkit-transform: translateX(47px) translateY(29px);
            transform: translateX(47px) translateY(29px);
  }
}
@-webkit-keyframes float95 {
  40% {
    -webkit-transform: translateX(-19px) translateY(53px);
            transform: translateX(-19px) translateY(53px);
  }
  80% {
    -webkit-transform: translateX(102px) translateY(150px);
            transform: translateX(102px) translateY(150px);
  }
}
@keyframes float95 {
  40% {
    -webkit-transform: translateX(-19px) translateY(53px);
            transform: translateX(-19px) translateY(53px);
  }
  80% {
    -webkit-transform: translateX(102px) translateY(150px);
            transform: translateX(102px) translateY(150px);
  }
}
@-webkit-keyframes float96 {
  40% {
    -webkit-transform: translateX(-18px) translateY(-297px);
            transform: translateX(-18px) translateY(-297px);
  }
  80% {
    -webkit-transform: translateX(111px) translateY(167px);
            transform: translateX(111px) translateY(167px);
  }
}
@keyframes float96 {
  40% {
    -webkit-transform: translateX(-18px) translateY(-297px);
            transform: translateX(-18px) translateY(-297px);
  }
  80% {
    -webkit-transform: translateX(111px) translateY(167px);
            transform: translateX(111px) translateY(167px);
  }
}
@-webkit-keyframes float97 {
  40% {
    -webkit-transform: translateX(44px) translateY(-3px);
            transform: translateX(44px) translateY(-3px);
  }
  80% {
    -webkit-transform: translateX(-14px) translateY(127px);
            transform: translateX(-14px) translateY(127px);
  }
}
@keyframes float97 {
  40% {
    -webkit-transform: translateX(44px) translateY(-3px);
            transform: translateX(44px) translateY(-3px);
  }
  80% {
    -webkit-transform: translateX(-14px) translateY(127px);
            transform: translateX(-14px) translateY(127px);
  }
}
@-webkit-keyframes float98 {
  40% {
    -webkit-transform: translateX(66px) translateY(-115px);
            transform: translateX(66px) translateY(-115px);
  }
  80% {
    -webkit-transform: translateX(79px) translateY(73px);
            transform: translateX(79px) translateY(73px);
  }
}
@keyframes float98 {
  40% {
    -webkit-transform: translateX(66px) translateY(-115px);
            transform: translateX(66px) translateY(-115px);
  }
  80% {
    -webkit-transform: translateX(79px) translateY(73px);
            transform: translateX(79px) translateY(73px);
  }
}
@-webkit-keyframes float99 {
  40% {
    -webkit-transform: translateX(62px) translateY(-95px);
            transform: translateX(62px) translateY(-95px);
  }
  80% {
    -webkit-transform: translateX(49px) translateY(192px);
            transform: translateX(49px) translateY(192px);
  }
}
@keyframes float99 {
  40% {
    -webkit-transform: translateX(62px) translateY(-95px);
            transform: translateX(62px) translateY(-95px);
  }
  80% {
    -webkit-transform: translateX(49px) translateY(192px);
            transform: translateX(49px) translateY(192px);
  }
}
@-webkit-keyframes float100 {
  40% {
    -webkit-transform: translateX(63px) translateY(-106px);
            transform: translateX(63px) translateY(-106px);
  }
  80% {
    -webkit-transform: translateX(-48px) translateY(136px);
            transform: translateX(-48px) translateY(136px);
  }
}
@keyframes float100 {
  40% {
    -webkit-transform: translateX(63px) translateY(-106px);
            transform: translateX(63px) translateY(-106px);
  }
  80% {
    -webkit-transform: translateX(-48px) translateY(136px);
            transform: translateX(-48px) translateY(136px);
  }
}
@-webkit-keyframes float101 {
  40% {
    -webkit-transform: translateX(45px) translateY(-181px);
            transform: translateX(45px) translateY(-181px);
  }
  80% {
    -webkit-transform: translateX(92px) translateY(65px);
            transform: translateX(92px) translateY(65px);
  }
}
@keyframes float101 {
  40% {
    -webkit-transform: translateX(45px) translateY(-181px);
            transform: translateX(45px) translateY(-181px);
  }
  80% {
    -webkit-transform: translateX(92px) translateY(65px);
            transform: translateX(92px) translateY(65px);
  }
}
@-webkit-keyframes float102 {
  40% {
    -webkit-transform: translateX(-8px) translateY(-132px);
            transform: translateX(-8px) translateY(-132px);
  }
  80% {
    -webkit-transform: translateX(32px) translateY(198px);
            transform: translateX(32px) translateY(198px);
  }
}
@keyframes float102 {
  40% {
    -webkit-transform: translateX(-8px) translateY(-132px);
            transform: translateX(-8px) translateY(-132px);
  }
  80% {
    -webkit-transform: translateX(32px) translateY(198px);
            transform: translateX(32px) translateY(198px);
  }
}
@-webkit-keyframes float103 {
  40% {
    -webkit-transform: translateX(20px) translateY(-236px);
            transform: translateX(20px) translateY(-236px);
  }
  80% {
    -webkit-transform: translateX(95px) translateY(-1px);
            transform: translateX(95px) translateY(-1px);
  }
}
@keyframes float103 {
  40% {
    -webkit-transform: translateX(20px) translateY(-236px);
            transform: translateX(20px) translateY(-236px);
  }
  80% {
    -webkit-transform: translateX(95px) translateY(-1px);
            transform: translateX(95px) translateY(-1px);
  }
}
@-webkit-keyframes float104 {
  40% {
    -webkit-transform: translateX(32px) translateY(-268px);
            transform: translateX(32px) translateY(-268px);
  }
  80% {
    -webkit-transform: translateX(63px) translateY(7px);
            transform: translateX(63px) translateY(7px);
  }
}
@keyframes float104 {
  40% {
    -webkit-transform: translateX(32px) translateY(-268px);
            transform: translateX(32px) translateY(-268px);
  }
  80% {
    -webkit-transform: translateX(63px) translateY(7px);
            transform: translateX(63px) translateY(7px);
  }
}
@-webkit-keyframes float105 {
  40% {
    -webkit-transform: translateX(-3px) translateY(-256px);
            transform: translateX(-3px) translateY(-256px);
  }
  80% {
    -webkit-transform: translateX(93px) translateY(292px);
            transform: translateX(93px) translateY(292px);
  }
}
@keyframes float105 {
  40% {
    -webkit-transform: translateX(-3px) translateY(-256px);
            transform: translateX(-3px) translateY(-256px);
  }
  80% {
    -webkit-transform: translateX(93px) translateY(292px);
            transform: translateX(93px) translateY(292px);
  }
}
@-webkit-keyframes float106 {
  40% {
    -webkit-transform: translateX(-13px) translateY(37px);
            transform: translateX(-13px) translateY(37px);
  }
  80% {
    -webkit-transform: translateX(-2px) translateY(166px);
            transform: translateX(-2px) translateY(166px);
  }
}
@keyframes float106 {
  40% {
    -webkit-transform: translateX(-13px) translateY(37px);
            transform: translateX(-13px) translateY(37px);
  }
  80% {
    -webkit-transform: translateX(-2px) translateY(166px);
            transform: translateX(-2px) translateY(166px);
  }
}
@-webkit-keyframes float107 {
  40% {
    -webkit-transform: translateX(62px) translateY(-293px);
            transform: translateX(62px) translateY(-293px);
  }
  80% {
    -webkit-transform: translateX(55px) translateY(138px);
            transform: translateX(55px) translateY(138px);
  }
}
@keyframes float107 {
  40% {
    -webkit-transform: translateX(62px) translateY(-293px);
            transform: translateX(62px) translateY(-293px);
  }
  80% {
    -webkit-transform: translateX(55px) translateY(138px);
            transform: translateX(55px) translateY(138px);
  }
}
@-webkit-keyframes float108 {
  40% {
    -webkit-transform: translateX(1px) translateY(-54px);
            transform: translateX(1px) translateY(-54px);
  }
  80% {
    -webkit-transform: translateX(55px) translateY(269px);
            transform: translateX(55px) translateY(269px);
  }
}
@keyframes float108 {
  40% {
    -webkit-transform: translateX(1px) translateY(-54px);
            transform: translateX(1px) translateY(-54px);
  }
  80% {
    -webkit-transform: translateX(55px) translateY(269px);
            transform: translateX(55px) translateY(269px);
  }
}
@-webkit-keyframes float109 {
  40% {
    -webkit-transform: translateX(-2px) translateY(-81px);
            transform: translateX(-2px) translateY(-81px);
  }
  80% {
    -webkit-transform: translateX(21px) translateY(291px);
            transform: translateX(21px) translateY(291px);
  }
}
@keyframes float109 {
  40% {
    -webkit-transform: translateX(-2px) translateY(-81px);
            transform: translateX(-2px) translateY(-81px);
  }
  80% {
    -webkit-transform: translateX(21px) translateY(291px);
            transform: translateX(21px) translateY(291px);
  }
}
@-webkit-keyframes float110 {
  40% {
    -webkit-transform: translateX(77px) translateY(91px);
            transform: translateX(77px) translateY(91px);
  }
  80% {
    -webkit-transform: translateX(-36px) translateY(253px);
            transform: translateX(-36px) translateY(253px);
  }
}
@keyframes float110 {
  40% {
    -webkit-transform: translateX(77px) translateY(91px);
            transform: translateX(77px) translateY(91px);
  }
  80% {
    -webkit-transform: translateX(-36px) translateY(253px);
            transform: translateX(-36px) translateY(253px);
  }
}
@-webkit-keyframes float111 {
  40% {
    -webkit-transform: translateX(12px) translateY(60px);
            transform: translateX(12px) translateY(60px);
  }
  80% {
    -webkit-transform: translateX(66px) translateY(21px);
            transform: translateX(66px) translateY(21px);
  }
}
@keyframes float111 {
  40% {
    -webkit-transform: translateX(12px) translateY(60px);
            transform: translateX(12px) translateY(60px);
  }
  80% {
    -webkit-transform: translateX(66px) translateY(21px);
            transform: translateX(66px) translateY(21px);
  }
}
@-webkit-keyframes float112 {
  40% {
    -webkit-transform: translateX(56px) translateY(-208px);
            transform: translateX(56px) translateY(-208px);
  }
  80% {
    -webkit-transform: translateX(-13px) translateY(248px);
            transform: translateX(-13px) translateY(248px);
  }
}
@keyframes float112 {
  40% {
    -webkit-transform: translateX(56px) translateY(-208px);
            transform: translateX(56px) translateY(-208px);
  }
  80% {
    -webkit-transform: translateX(-13px) translateY(248px);
            transform: translateX(-13px) translateY(248px);
  }
}
@-webkit-keyframes float113 {
  40% {
    -webkit-transform: translateX(42px) translateY(-83px);
            transform: translateX(42px) translateY(-83px);
  }
  80% {
    -webkit-transform: translateX(110px) translateY(128px);
            transform: translateX(110px) translateY(128px);
  }
}
@keyframes float113 {
  40% {
    -webkit-transform: translateX(42px) translateY(-83px);
            transform: translateX(42px) translateY(-83px);
  }
  80% {
    -webkit-transform: translateX(110px) translateY(128px);
            transform: translateX(110px) translateY(128px);
  }
}
@-webkit-keyframes float114 {
  40% {
    -webkit-transform: translateX(-13px) translateY(-224px);
            transform: translateX(-13px) translateY(-224px);
  }
  80% {
    -webkit-transform: translateX(15px) translateY(276px);
            transform: translateX(15px) translateY(276px);
  }
}
@keyframes float114 {
  40% {
    -webkit-transform: translateX(-13px) translateY(-224px);
            transform: translateX(-13px) translateY(-224px);
  }
  80% {
    -webkit-transform: translateX(15px) translateY(276px);
            transform: translateX(15px) translateY(276px);
  }
}
@-webkit-keyframes float115 {
  40% {
    -webkit-transform: translateX(-4px) translateY(64px);
            transform: translateX(-4px) translateY(64px);
  }
  80% {
    -webkit-transform: translateX(49px) translateY(-71px);
            transform: translateX(49px) translateY(-71px);
  }
}
@keyframes float115 {
  40% {
    -webkit-transform: translateX(-4px) translateY(64px);
            transform: translateX(-4px) translateY(64px);
  }
  80% {
    -webkit-transform: translateX(49px) translateY(-71px);
            transform: translateX(49px) translateY(-71px);
  }
}
@-webkit-keyframes float116 {
  40% {
    -webkit-transform: translateX(-18px) translateY(-77px);
            transform: translateX(-18px) translateY(-77px);
  }
  80% {
    -webkit-transform: translateX(66px) translateY(-80px);
            transform: translateX(66px) translateY(-80px);
  }
}
@keyframes float116 {
  40% {
    -webkit-transform: translateX(-18px) translateY(-77px);
            transform: translateX(-18px) translateY(-77px);
  }
  80% {
    -webkit-transform: translateX(66px) translateY(-80px);
            transform: translateX(66px) translateY(-80px);
  }
}
@-webkit-keyframes float117 {
  40% {
    -webkit-transform: translateX(36px) translateY(-278px);
            transform: translateX(36px) translateY(-278px);
  }
  80% {
    -webkit-transform: translateX(116px) translateY(129px);
            transform: translateX(116px) translateY(129px);
  }
}
@keyframes float117 {
  40% {
    -webkit-transform: translateX(36px) translateY(-278px);
            transform: translateX(36px) translateY(-278px);
  }
  80% {
    -webkit-transform: translateX(116px) translateY(129px);
            transform: translateX(116px) translateY(129px);
  }
}
@-webkit-keyframes float118 {
  40% {
    -webkit-transform: translateX(-18px) translateY(15px);
            transform: translateX(-18px) translateY(15px);
  }
  80% {
    -webkit-transform: translateX(15px) translateY(144px);
            transform: translateX(15px) translateY(144px);
  }
}
@keyframes float118 {
  40% {
    -webkit-transform: translateX(-18px) translateY(15px);
            transform: translateX(-18px) translateY(15px);
  }
  80% {
    -webkit-transform: translateX(15px) translateY(144px);
            transform: translateX(15px) translateY(144px);
  }
}
@-webkit-keyframes float119 {
  40% {
    -webkit-transform: translateX(-10px) translateY(-120px);
            transform: translateX(-10px) translateY(-120px);
  }
  80% {
    -webkit-transform: translateX(35px) translateY(231px);
            transform: translateX(35px) translateY(231px);
  }
}
@keyframes float119 {
  40% {
    -webkit-transform: translateX(-10px) translateY(-120px);
            transform: translateX(-10px) translateY(-120px);
  }
  80% {
    -webkit-transform: translateX(35px) translateY(231px);
            transform: translateX(35px) translateY(231px);
  }
}
@-webkit-keyframes float120 {
  40% {
    -webkit-transform: translateX(11px) translateY(-77px);
            transform: translateX(11px) translateY(-77px);
  }
  80% {
    -webkit-transform: translateX(115px) translateY(-66px);
            transform: translateX(115px) translateY(-66px);
  }
}
@keyframes float120 {
  40% {
    -webkit-transform: translateX(11px) translateY(-77px);
            transform: translateX(11px) translateY(-77px);
  }
  80% {
    -webkit-transform: translateX(115px) translateY(-66px);
            transform: translateX(115px) translateY(-66px);
  }
}
@-webkit-keyframes float121 {
  40% {
    -webkit-transform: translateX(28px) translateY(-89px);
            transform: translateX(28px) translateY(-89px);
  }
  80% {
    -webkit-transform: translateX(-33px) translateY(237px);
            transform: translateX(-33px) translateY(237px);
  }
}
@keyframes float121 {
  40% {
    -webkit-transform: translateX(28px) translateY(-89px);
            transform: translateX(28px) translateY(-89px);
  }
  80% {
    -webkit-transform: translateX(-33px) translateY(237px);
            transform: translateX(-33px) translateY(237px);
  }
}
@-webkit-keyframes float122 {
  40% {
    -webkit-transform: translateX(48px) translateY(-228px);
            transform: translateX(48px) translateY(-228px);
  }
  80% {
    -webkit-transform: translateX(105px) translateY(263px);
            transform: translateX(105px) translateY(263px);
  }
}
@keyframes float122 {
  40% {
    -webkit-transform: translateX(48px) translateY(-228px);
            transform: translateX(48px) translateY(-228px);
  }
  80% {
    -webkit-transform: translateX(105px) translateY(263px);
            transform: translateX(105px) translateY(263px);
  }
}
@-webkit-keyframes float123 {
  40% {
    -webkit-transform: translateX(4px) translateY(37px);
            transform: translateX(4px) translateY(37px);
  }
  80% {
    -webkit-transform: translateX(9px) translateY(-78px);
            transform: translateX(9px) translateY(-78px);
  }
}
@keyframes float123 {
  40% {
    -webkit-transform: translateX(4px) translateY(37px);
            transform: translateX(4px) translateY(37px);
  }
  80% {
    -webkit-transform: translateX(9px) translateY(-78px);
            transform: translateX(9px) translateY(-78px);
  }
}
@-webkit-keyframes float124 {
  40% {
    -webkit-transform: translateX(14px) translateY(-199px);
            transform: translateX(14px) translateY(-199px);
  }
  80% {
    -webkit-transform: translateX(36px) translateY(13px);
            transform: translateX(36px) translateY(13px);
  }
}
@keyframes float124 {
  40% {
    -webkit-transform: translateX(14px) translateY(-199px);
            transform: translateX(14px) translateY(-199px);
  }
  80% {
    -webkit-transform: translateX(36px) translateY(13px);
            transform: translateX(36px) translateY(13px);
  }
}
@-webkit-keyframes float125 {
  40% {
    -webkit-transform: translateX(26px) translateY(-107px);
            transform: translateX(26px) translateY(-107px);
  }
  80% {
    -webkit-transform: translateX(25px) translateY(-90px);
            transform: translateX(25px) translateY(-90px);
  }
}
@keyframes float125 {
  40% {
    -webkit-transform: translateX(26px) translateY(-107px);
            transform: translateX(26px) translateY(-107px);
  }
  80% {
    -webkit-transform: translateX(25px) translateY(-90px);
            transform: translateX(25px) translateY(-90px);
  }
}
@-webkit-keyframes float126 {
  40% {
    -webkit-transform: translateX(34px) translateY(-83px);
            transform: translateX(34px) translateY(-83px);
  }
  80% {
    -webkit-transform: translateX(87px) translateY(162px);
            transform: translateX(87px) translateY(162px);
  }
}
@keyframes float126 {
  40% {
    -webkit-transform: translateX(34px) translateY(-83px);
            transform: translateX(34px) translateY(-83px);
  }
  80% {
    -webkit-transform: translateX(87px) translateY(162px);
            transform: translateX(87px) translateY(162px);
  }
}
@-webkit-keyframes float127 {
  40% {
    -webkit-transform: translateX(75px) translateY(81px);
            transform: translateX(75px) translateY(81px);
  }
  80% {
    -webkit-transform: translateX(14px) translateY(-42px);
            transform: translateX(14px) translateY(-42px);
  }
}
@keyframes float127 {
  40% {
    -webkit-transform: translateX(75px) translateY(81px);
            transform: translateX(75px) translateY(81px);
  }
  80% {
    -webkit-transform: translateX(14px) translateY(-42px);
            transform: translateX(14px) translateY(-42px);
  }
}
@-webkit-keyframes float128 {
  40% {
    -webkit-transform: translateX(24px) translateY(86px);
            transform: translateX(24px) translateY(86px);
  }
  80% {
    -webkit-transform: translateX(104px) translateY(-93px);
            transform: translateX(104px) translateY(-93px);
  }
}
@keyframes float128 {
  40% {
    -webkit-transform: translateX(24px) translateY(86px);
            transform: translateX(24px) translateY(86px);
  }
  80% {
    -webkit-transform: translateX(104px) translateY(-93px);
            transform: translateX(104px) translateY(-93px);
  }
}
@-webkit-keyframes float129 {
  40% {
    -webkit-transform: translateX(-3px) translateY(-134px);
            transform: translateX(-3px) translateY(-134px);
  }
  80% {
    -webkit-transform: translateX(62px) translateY(214px);
            transform: translateX(62px) translateY(214px);
  }
}
@keyframes float129 {
  40% {
    -webkit-transform: translateX(-3px) translateY(-134px);
            transform: translateX(-3px) translateY(-134px);
  }
  80% {
    -webkit-transform: translateX(62px) translateY(214px);
            transform: translateX(62px) translateY(214px);
  }
}
@-webkit-keyframes float130 {
  40% {
    -webkit-transform: translateX(-2px) translateY(-92px);
            transform: translateX(-2px) translateY(-92px);
  }
  80% {
    -webkit-transform: translateX(139px) translateY(-6px);
            transform: translateX(139px) translateY(-6px);
  }
}
@keyframes float130 {
  40% {
    -webkit-transform: translateX(-2px) translateY(-92px);
            transform: translateX(-2px) translateY(-92px);
  }
  80% {
    -webkit-transform: translateX(139px) translateY(-6px);
            transform: translateX(139px) translateY(-6px);
  }
}
@-webkit-keyframes float131 {
  40% {
    -webkit-transform: translateX(62px) translateY(-98px);
            transform: translateX(62px) translateY(-98px);
  }
  80% {
    -webkit-transform: translateX(37px) translateY(-23px);
            transform: translateX(37px) translateY(-23px);
  }
}
@keyframes float131 {
  40% {
    -webkit-transform: translateX(62px) translateY(-98px);
            transform: translateX(62px) translateY(-98px);
  }
  80% {
    -webkit-transform: translateX(37px) translateY(-23px);
            transform: translateX(37px) translateY(-23px);
  }
}
@-webkit-keyframes float132 {
  40% {
    -webkit-transform: translateX(69px) translateY(-88px);
            transform: translateX(69px) translateY(-88px);
  }
  80% {
    -webkit-transform: translateX(-21px) translateY(112px);
            transform: translateX(-21px) translateY(112px);
  }
}
@keyframes float132 {
  40% {
    -webkit-transform: translateX(69px) translateY(-88px);
            transform: translateX(69px) translateY(-88px);
  }
  80% {
    -webkit-transform: translateX(-21px) translateY(112px);
            transform: translateX(-21px) translateY(112px);
  }
}
@-webkit-keyframes float133 {
  40% {
    -webkit-transform: translateX(-9px) translateY(-296px);
            transform: translateX(-9px) translateY(-296px);
  }
  80% {
    -webkit-transform: translateX(56px) translateY(286px);
            transform: translateX(56px) translateY(286px);
  }
}
@keyframes float133 {
  40% {
    -webkit-transform: translateX(-9px) translateY(-296px);
            transform: translateX(-9px) translateY(-296px);
  }
  80% {
    -webkit-transform: translateX(56px) translateY(286px);
            transform: translateX(56px) translateY(286px);
  }
}
@-webkit-keyframes float134 {
  40% {
    -webkit-transform: translateX(-9px) translateY(-154px);
            transform: translateX(-9px) translateY(-154px);
  }
  80% {
    -webkit-transform: translateX(42px) translateY(56px);
            transform: translateX(42px) translateY(56px);
  }
}
@keyframes float134 {
  40% {
    -webkit-transform: translateX(-9px) translateY(-154px);
            transform: translateX(-9px) translateY(-154px);
  }
  80% {
    -webkit-transform: translateX(42px) translateY(56px);
            transform: translateX(42px) translateY(56px);
  }
}
@-webkit-keyframes float135 {
  40% {
    -webkit-transform: translateX(50px) translateY(40px);
            transform: translateX(50px) translateY(40px);
  }
  80% {
    -webkit-transform: translateX(119px) translateY(16px);
            transform: translateX(119px) translateY(16px);
  }
}
@keyframes float135 {
  40% {
    -webkit-transform: translateX(50px) translateY(40px);
            transform: translateX(50px) translateY(40px);
  }
  80% {
    -webkit-transform: translateX(119px) translateY(16px);
            transform: translateX(119px) translateY(16px);
  }
}
@-webkit-keyframes float136 {
  40% {
    -webkit-transform: translateX(28px) translateY(97px);
            transform: translateX(28px) translateY(97px);
  }
  80% {
    -webkit-transform: translateX(131px) translateY(192px);
            transform: translateX(131px) translateY(192px);
  }
}
@keyframes float136 {
  40% {
    -webkit-transform: translateX(28px) translateY(97px);
            transform: translateX(28px) translateY(97px);
  }
  80% {
    -webkit-transform: translateX(131px) translateY(192px);
            transform: translateX(131px) translateY(192px);
  }
}
@-webkit-keyframes float137 {
  40% {
    -webkit-transform: translateX(22px) translateY(-259px);
            transform: translateX(22px) translateY(-259px);
  }
  80% {
    -webkit-transform: translateX(145px) translateY(115px);
            transform: translateX(145px) translateY(115px);
  }
}
@keyframes float137 {
  40% {
    -webkit-transform: translateX(22px) translateY(-259px);
            transform: translateX(22px) translateY(-259px);
  }
  80% {
    -webkit-transform: translateX(145px) translateY(115px);
            transform: translateX(145px) translateY(115px);
  }
}
@-webkit-keyframes float138 {
  40% {
    -webkit-transform: translateX(8px) translateY(-215px);
            transform: translateX(8px) translateY(-215px);
  }
  80% {
    -webkit-transform: translateX(143px) translateY(12px);
            transform: translateX(143px) translateY(12px);
  }
}
@keyframes float138 {
  40% {
    -webkit-transform: translateX(8px) translateY(-215px);
            transform: translateX(8px) translateY(-215px);
  }
  80% {
    -webkit-transform: translateX(143px) translateY(12px);
            transform: translateX(143px) translateY(12px);
  }
}
@-webkit-keyframes float139 {
  40% {
    -webkit-transform: translateX(36px) translateY(-127px);
            transform: translateX(36px) translateY(-127px);
  }
  80% {
    -webkit-transform: translateX(-3px) translateY(252px);
            transform: translateX(-3px) translateY(252px);
  }
}
@keyframes float139 {
  40% {
    -webkit-transform: translateX(36px) translateY(-127px);
            transform: translateX(36px) translateY(-127px);
  }
  80% {
    -webkit-transform: translateX(-3px) translateY(252px);
            transform: translateX(-3px) translateY(252px);
  }
}
@-webkit-keyframes float140 {
  40% {
    -webkit-transform: translateX(67px) translateY(-83px);
            transform: translateX(67px) translateY(-83px);
  }
  80% {
    -webkit-transform: translateX(98px) translateY(184px);
            transform: translateX(98px) translateY(184px);
  }
}
@keyframes float140 {
  40% {
    -webkit-transform: translateX(67px) translateY(-83px);
            transform: translateX(67px) translateY(-83px);
  }
  80% {
    -webkit-transform: translateX(98px) translateY(184px);
            transform: translateX(98px) translateY(184px);
  }
}
@-webkit-keyframes float141 {
  40% {
    -webkit-transform: translateX(60px) translateY(89px);
            transform: translateX(60px) translateY(89px);
  }
  80% {
    -webkit-transform: translateX(131px) translateY(39px);
            transform: translateX(131px) translateY(39px);
  }
}
@keyframes float141 {
  40% {
    -webkit-transform: translateX(60px) translateY(89px);
            transform: translateX(60px) translateY(89px);
  }
  80% {
    -webkit-transform: translateX(131px) translateY(39px);
            transform: translateX(131px) translateY(39px);
  }
}
@-webkit-keyframes float142 {
  40% {
    -webkit-transform: translateX(-6px) translateY(11px);
            transform: translateX(-6px) translateY(11px);
  }
  80% {
    -webkit-transform: translateX(144px) translateY(-23px);
            transform: translateX(144px) translateY(-23px);
  }
}
@keyframes float142 {
  40% {
    -webkit-transform: translateX(-6px) translateY(11px);
            transform: translateX(-6px) translateY(11px);
  }
  80% {
    -webkit-transform: translateX(144px) translateY(-23px);
            transform: translateX(144px) translateY(-23px);
  }
}
@-webkit-keyframes float143 {
  40% {
    -webkit-transform: translateX(45px) translateY(-270px);
            transform: translateX(45px) translateY(-270px);
  }
  80% {
    -webkit-transform: translateX(119px) translateY(-70px);
            transform: translateX(119px) translateY(-70px);
  }
}
@keyframes float143 {
  40% {
    -webkit-transform: translateX(45px) translateY(-270px);
            transform: translateX(45px) translateY(-270px);
  }
  80% {
    -webkit-transform: translateX(119px) translateY(-70px);
            transform: translateX(119px) translateY(-70px);
  }
}
@-webkit-keyframes float144 {
  40% {
    -webkit-transform: translateX(3px) translateY(-2px);
            transform: translateX(3px) translateY(-2px);
  }
  80% {
    -webkit-transform: translateX(2px) translateY(3px);
            transform: translateX(2px) translateY(3px);
  }
}
@keyframes float144 {
  40% {
    -webkit-transform: translateX(3px) translateY(-2px);
            transform: translateX(3px) translateY(-2px);
  }
  80% {
    -webkit-transform: translateX(2px) translateY(3px);
            transform: translateX(2px) translateY(3px);
  }
}
@-webkit-keyframes float145 {
  40% {
    -webkit-transform: translateX(27px) translateY(-151px);
            transform: translateX(27px) translateY(-151px);
  }
  80% {
    -webkit-transform: translateX(99px) translateY(122px);
            transform: translateX(99px) translateY(122px);
  }
}
@keyframes float145 {
  40% {
    -webkit-transform: translateX(27px) translateY(-151px);
            transform: translateX(27px) translateY(-151px);
  }
  80% {
    -webkit-transform: translateX(99px) translateY(122px);
            transform: translateX(99px) translateY(122px);
  }
}
@-webkit-keyframes float146 {
  40% {
    -webkit-transform: translateX(9px) translateY(-24px);
            transform: translateX(9px) translateY(-24px);
  }
  80% {
    -webkit-transform: translateX(61px) translateY(217px);
            transform: translateX(61px) translateY(217px);
  }
}
@keyframes float146 {
  40% {
    -webkit-transform: translateX(9px) translateY(-24px);
            transform: translateX(9px) translateY(-24px);
  }
  80% {
    -webkit-transform: translateX(61px) translateY(217px);
            transform: translateX(61px) translateY(217px);
  }
}
@-webkit-keyframes float147 {
  40% {
    -webkit-transform: translateX(70px) translateY(-212px);
            transform: translateX(70px) translateY(-212px);
  }
  80% {
    -webkit-transform: translateX(141px) translateY(-5px);
            transform: translateX(141px) translateY(-5px);
  }
}
@keyframes float147 {
  40% {
    -webkit-transform: translateX(70px) translateY(-212px);
            transform: translateX(70px) translateY(-212px);
  }
  80% {
    -webkit-transform: translateX(141px) translateY(-5px);
            transform: translateX(141px) translateY(-5px);
  }
}
@-webkit-keyframes float148 {
  40% {
    -webkit-transform: translateX(57px) translateY(33px);
            transform: translateX(57px) translateY(33px);
  }
  80% {
    -webkit-transform: translateX(136px) translateY(121px);
            transform: translateX(136px) translateY(121px);
  }
}
@keyframes float148 {
  40% {
    -webkit-transform: translateX(57px) translateY(33px);
            transform: translateX(57px) translateY(33px);
  }
  80% {
    -webkit-transform: translateX(136px) translateY(121px);
            transform: translateX(136px) translateY(121px);
  }
}
@-webkit-keyframes float149 {
  40% {
    -webkit-transform: translateX(-11px) translateY(-127px);
            transform: translateX(-11px) translateY(-127px);
  }
  80% {
    -webkit-transform: translateX(70px) translateY(242px);
            transform: translateX(70px) translateY(242px);
  }
}
@keyframes float149 {
  40% {
    -webkit-transform: translateX(-11px) translateY(-127px);
            transform: translateX(-11px) translateY(-127px);
  }
  80% {
    -webkit-transform: translateX(70px) translateY(242px);
            transform: translateX(70px) translateY(242px);
  }
}
@-webkit-keyframes float150 {
  40% {
    -webkit-transform: translateX(66px) translateY(-296px);
            transform: translateX(66px) translateY(-296px);
  }
  80% {
    -webkit-transform: translateX(4px) translateY(168px);
            transform: translateX(4px) translateY(168px);
  }
}
@keyframes float150 {
  40% {
    -webkit-transform: translateX(66px) translateY(-296px);
            transform: translateX(66px) translateY(-296px);
  }
  80% {
    -webkit-transform: translateX(4px) translateY(168px);
            transform: translateX(4px) translateY(168px);
  }
}
.colorizer1, .colorizer2, .colorizer3, .colorizer4 {
  position: absolute;
  width: 300px;
  height: 300px;
  -webkit-filter: blur(130px);
          filter: blur(130px);
}

.colorizer1 {
  border-radius: 50%;
  background: -webkit-linear-gradient(315deg, #A191AE, #dbdce0);
  background: linear-gradient(135deg, #A191AE, #dbdce0);
}

.colorizer2 {
  top: 20%;
  left: 70%;
  background: #63568C;
}

.colorizer3 {
  top: 80%;
  left: -15%;
  background: #2D0D34;
  -webkit-filter: blur(80px);
          filter: blur(80px);
  border-radius: 50%;
}

.colorizer4 {
  top: 20%;
  left: 35%;
  width: 100px;
  height: 100px;
  background: #bbdebc;
  -webkit-filter: blur(80px);
          filter: blur(80px);
  border-radius: 50%;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

HTML

Recommendation

Join Effecthub.com