.bg {
  background: #020d30;
}
.bg .dotWrapper {
  position: absolute;
}
.bg .dotWrapper-1 {
  top: 23%;
  left: 20%;
  -webkit-animation: flying 56s ease-in-out -6.8s infinite alternate;
          animation: flying 56s ease-in-out -6.8s infinite alternate;
}
.bg .dotWrapper-2 {
  top: 18%;
  left: 65%;
  -webkit-animation: flying 38s ease-in-out -8.6s infinite alternate;
          animation: flying 38s ease-in-out -8.6s infinite alternate;
}
.bg .dotWrapper-3 {
  top: 3%;
  left: 3%;
  -webkit-animation: flying 62s ease-in-out -7.9s infinite alternate;
          animation: flying 62s ease-in-out -7.9s infinite alternate;
}
.bg .dotWrapper-4 {
  top: 21%;
  left: 41%;
  -webkit-animation: flying 44s ease-in-out -4.1s infinite alternate;
          animation: flying 44s ease-in-out -4.1s infinite alternate;
}
.bg .dotWrapper-5 {
  top: 26%;
  left: 89%;
  -webkit-animation: flying 34s ease-in-out -7.8s infinite alternate;
          animation: flying 34s ease-in-out -7.8s infinite alternate;
}
.bg .dotWrapper-6 {
  top: 71%;
  left: 61%;
  -webkit-animation: flying 66s ease-in-out -8.8s infinite alternate;
          animation: flying 66s ease-in-out -8.8s infinite alternate;
}
.bg .dotWrapper-7 {
  top: 33%;
  left: 42%;
  -webkit-animation: flying 67s ease-in-out -9.8s infinite alternate;
          animation: flying 67s ease-in-out -9.8s infinite alternate;
}
.bg .dotWrapper-8 {
  top: 35%;
  left: 53%;
  -webkit-animation: flying 45s ease-in-out -6.4s infinite alternate;
          animation: flying 45s ease-in-out -6.4s infinite alternate;
}
.bg .dotWrapper-9 {
  top: 23%;
  left: 17%;
  -webkit-animation: flying 24s ease-in-out -5.4s infinite alternate;
          animation: flying 24s ease-in-out -5.4s infinite alternate;
}
.bg .dotWrapper-10 {
  top: 55%;
  left: 46%;
  -webkit-animation: flying 23s ease-in-out -3.2s infinite alternate;
          animation: flying 23s ease-in-out -3.2s infinite alternate;
}
.bg .dotWrapper-11 {
  top: 73%;
  left: 31%;
  -webkit-animation: flying 27s ease-in-out -8s infinite alternate;
          animation: flying 27s ease-in-out -8s infinite alternate;
}
.bg .dotWrapper-12 {
  top: 76%;
  left: 45%;
  -webkit-animation: flying 57s ease-in-out -5.6s infinite alternate;
          animation: flying 57s ease-in-out -5.6s infinite alternate;
}
.bg .dotWrapper-13 {
  top: 39%;
  left: 10%;
  -webkit-animation: flying 59s ease-in-out -0.7s infinite alternate;
          animation: flying 59s ease-in-out -0.7s infinite alternate;
}
.bg .dotWrapper-14 {
  top: 29%;
  left: 57%;
  -webkit-animation: flying 27s ease-in-out -1.9s infinite alternate;
          animation: flying 27s ease-in-out -1.9s infinite alternate;
}
.bg .dotWrapper-15 {
  top: 4%;
  left: 31%;
  -webkit-animation: flying 66s ease-in-out -7s infinite alternate;
          animation: flying 66s ease-in-out -7s infinite alternate;
}
.bg .dotWrapper-16 {
  top: 21%;
  left: 73%;
  -webkit-animation: flying 54s ease-in-out -7.1s infinite alternate;
          animation: flying 54s ease-in-out -7.1s infinite alternate;
}
.bg .dotWrapper-17 {
  top: 53%;
  left: 40%;
  -webkit-animation: flying 39s ease-in-out -0.8s infinite alternate;
          animation: flying 39s ease-in-out -0.8s infinite alternate;
}
.bg .dotWrapper-18 {
  top: 69%;
  left: 23%;
  -webkit-animation: flying 24s ease-in-out -1.5s infinite alternate;
          animation: flying 24s ease-in-out -1.5s infinite alternate;
}
.bg .dotWrapper-19 {
  top: 31%;
  left: 59%;
  -webkit-animation: flying 35s ease-in-out -7.6s infinite alternate;
          animation: flying 35s ease-in-out -7.6s infinite alternate;
}
.bg .dotWrapper-20 {
  top: 17%;
  left: 27%;
  -webkit-animation: flying 64s ease-in-out -8.9s infinite alternate;
          animation: flying 64s ease-in-out -8.9s infinite alternate;
}
.bg .dotWrapper-21 {
  top: 3%;
  left: 53%;
  -webkit-animation: flying 34s ease-in-out -5.6s infinite alternate;
          animation: flying 34s ease-in-out -5.6s infinite alternate;
}
.bg .dotWrapper-22 {
  top: 61%;
  left: 90%;
  -webkit-animation: flying 25s ease-in-out -6s infinite alternate;
          animation: flying 25s ease-in-out -6s infinite alternate;
}
.bg .dotWrapper-23 {
  top: 31%;
  left: 44%;
  -webkit-animation: flying 41s ease-in-out -9.1s infinite alternate;
          animation: flying 41s ease-in-out -9.1s infinite alternate;
}
.bg .dotWrapper-24 {
  top: 58%;
  left: 96%;
  -webkit-animation: flying 49s ease-in-out -8.4s infinite alternate;
          animation: flying 49s ease-in-out -8.4s infinite alternate;
}
.bg .dotWrapper-25 {
  top: 62%;
  left: 82%;
  -webkit-animation: flying 45s ease-in-out -5.5s infinite alternate;
          animation: flying 45s ease-in-out -5.5s infinite alternate;
}
.bg .dotWrapper-26 {
  top: 24%;
  left: 96%;
  -webkit-animation: flying 61s ease-in-out -6.3s infinite alternate;
          animation: flying 61s ease-in-out -6.3s infinite alternate;
}
.bg .dotWrapper-27 {
  top: 52%;
  left: 54%;
  -webkit-animation: flying 49s ease-in-out -4.5s infinite alternate;
          animation: flying 49s ease-in-out -4.5s infinite alternate;
}
.bg .dotWrapper-28 {
  top: 45%;
  left: 42%;
  -webkit-animation: flying 45s ease-in-out -0.2s infinite alternate;
          animation: flying 45s ease-in-out -0.2s infinite alternate;
}
.bg .dotWrapper-29 {
  top: 8%;
  left: 88%;
  -webkit-animation: flying 63s ease-in-out -0.7s infinite alternate;
          animation: flying 63s ease-in-out -0.7s infinite alternate;
}
.bg .dotWrapper-30 {
  top: 65%;
  left: 49%;
  -webkit-animation: flying 42s ease-in-out -4.4s infinite alternate;
          animation: flying 42s ease-in-out -4.4s infinite alternate;
}
.bg .dotWrapper-31 {
  top: 6%;
  left: 79%;
  -webkit-animation: flying 66s ease-in-out -1.3s infinite alternate;
          animation: flying 66s ease-in-out -1.3s infinite alternate;
}
.bg .dotWrapper-32 {
  top: 3%;
  left: 62%;
  -webkit-animation: flying 25s ease-in-out -6s infinite alternate;
          animation: flying 25s ease-in-out -6s infinite alternate;
}
.bg .dotWrapper-33 {
  top: 89%;
  left: 91%;
  -webkit-animation: flying 52s ease-in-out -0.7s infinite alternate;
          animation: flying 52s ease-in-out -0.7s infinite alternate;
}
.bg .dotWrapper-34 {
  top: 12%;
  left: 67%;
  -webkit-animation: flying 23s ease-in-out -8.1s infinite alternate;
          animation: flying 23s ease-in-out -8.1s infinite alternate;
}
.bg .dotWrapper-35 {
  top: 49%;
  left: 1%;
  -webkit-animation: flying 59s ease-in-out -7.9s infinite alternate;
          animation: flying 59s ease-in-out -7.9s infinite alternate;
}
.bg .dotWrapper-36 {
  top: 34%;
  left: 59%;
  -webkit-animation: flying 27s ease-in-out -6.1s infinite alternate;
          animation: flying 27s ease-in-out -6.1s infinite alternate;
}
.bg .dotWrapper-37 {
  top: 56%;
  left: 35%;
  -webkit-animation: flying 29s ease-in-out -9.1s infinite alternate;
          animation: flying 29s ease-in-out -9.1s infinite alternate;
}
.bg .dotWrapper-38 {
  top: 60%;
  left: 97%;
  -webkit-animation: flying 54s ease-in-out -2.5s infinite alternate;
          animation: flying 54s ease-in-out -2.5s infinite alternate;
}
.bg .dotWrapper-39 {
  top: 14%;
  left: 25%;
  -webkit-animation: flying 27s ease-in-out -5.8s infinite alternate;
          animation: flying 27s ease-in-out -5.8s infinite alternate;
}
.bg .dotWrapper-40 {
  top: 49%;
  left: 24%;
  -webkit-animation: flying 33s ease-in-out -1.2s infinite alternate;
          animation: flying 33s ease-in-out -1.2s infinite alternate;
}
.bg .dotWrapper-41 {
  top: 67%;
  left: 95%;
  -webkit-animation: flying 36s ease-in-out -3.8s infinite alternate;
          animation: flying 36s ease-in-out -3.8s infinite alternate;
}
.bg .dotWrapper-42 {
  top: 45%;
  left: 72%;
  -webkit-animation: flying 31s ease-in-out -1.3s infinite alternate;
          animation: flying 31s ease-in-out -1.3s infinite alternate;
}
.bg .dotWrapper-43 {
  top: 51%;
  left: 97%;
  -webkit-animation: flying 65s ease-in-out -7.7s infinite alternate;
          animation: flying 65s ease-in-out -7.7s infinite alternate;
}
.bg .dotWrapper-44 {
  top: 47%;
  left: 64%;
  -webkit-animation: flying 67s ease-in-out -5.1s infinite alternate;
          animation: flying 67s ease-in-out -5.1s infinite alternate;
}
.bg .dotWrapper-45 {
  top: 15%;
  left: 18%;
  -webkit-animation: flying 55s ease-in-out -7.4s infinite alternate;
          animation: flying 55s ease-in-out -7.4s infinite alternate;
}
.bg .dotWrapper-46 {
  top: 38%;
  left: 47%;
  -webkit-animation: flying 41s ease-in-out -6.7s infinite alternate;
          animation: flying 41s ease-in-out -6.7s infinite alternate;
}
.bg .dotWrapper-47 {
  top: 91%;
  left: 47%;
  -webkit-animation: flying 62s ease-in-out -1.3s infinite alternate;
          animation: flying 62s ease-in-out -1.3s infinite alternate;
}
.bg .dotWrapper-48 {
  top: 76%;
  left: 94%;
  -webkit-animation: flying 26s ease-in-out -4.6s infinite alternate;
          animation: flying 26s ease-in-out -4.6s infinite alternate;
}
.bg .dotWrapper-49 {
  top: 62%;
  left: 21%;
  -webkit-animation: flying 44s ease-in-out -5.2s infinite alternate;
          animation: flying 44s ease-in-out -5.2s infinite alternate;
}
.bg .dotWrapper-50 {
  top: 8%;
  left: 6%;
  -webkit-animation: flying 43s ease-in-out -2.1s infinite alternate;
          animation: flying 43s ease-in-out -2.1s infinite alternate;
}
.bg .dotWrapper-51 {
  top: 73%;
  left: 52%;
  -webkit-animation: flying 21s ease-in-out -1.7s infinite alternate;
          animation: flying 21s ease-in-out -1.7s infinite alternate;
}
.bg .dotWrapper-52 {
  top: 54%;
  left: 3%;
  -webkit-animation: flying 25s ease-in-out -0.5s infinite alternate;
          animation: flying 25s ease-in-out -0.5s infinite alternate;
}
.bg .dotWrapper-53 {
  top: 71%;
  left: 1%;
  -webkit-animation: flying 28s ease-in-out -3s infinite alternate;
          animation: flying 28s ease-in-out -3s infinite alternate;
}
.bg .dotWrapper-54 {
  top: 43%;
  left: 58%;
  -webkit-animation: flying 36s ease-in-out -2.3s infinite alternate;
          animation: flying 36s ease-in-out -2.3s infinite alternate;
}
.bg .dotWrapper-55 {
  top: 100%;
  left: 10%;
  -webkit-animation: flying 21s ease-in-out -6.7s infinite alternate;
          animation: flying 21s ease-in-out -6.7s infinite alternate;
}
.bg .dotWrapper-56 {
  top: 75%;
  left: 9%;
  -webkit-animation: flying 67s ease-in-out -8.9s infinite alternate;
          animation: flying 67s ease-in-out -8.9s infinite alternate;
}
.bg .dotWrapper-57 {
  top: 10%;
  left: 59%;
  -webkit-animation: flying 28s ease-in-out -9.5s infinite alternate;
          animation: flying 28s ease-in-out -9.5s infinite alternate;
}
.bg .dotWrapper-58 {
  top: 83%;
  left: 87%;
  -webkit-animation: flying 46s ease-in-out -5.8s infinite alternate;
          animation: flying 46s ease-in-out -5.8s infinite alternate;
}
.bg .dotWrapper-59 {
  top: 2%;
  left: 61%;
  -webkit-animation: flying 23s ease-in-out -8.7s infinite alternate;
          animation: flying 23s ease-in-out -8.7s infinite alternate;
}
.bg .dotWrapper-60 {
  top: 46%;
  left: 1%;
  -webkit-animation: flying 28s ease-in-out -5.3s infinite alternate;
          animation: flying 28s ease-in-out -5.3s infinite alternate;
}
.bg .dotWrapper-61 {
  top: 91%;
  left: 86%;
  -webkit-animation: flying 25s ease-in-out -9.4s infinite alternate;
          animation: flying 25s ease-in-out -9.4s infinite alternate;
}
.bg .dotWrapper-62 {
  top: 98%;
  left: 46%;
  -webkit-animation: flying 70s ease-in-out -8.1s infinite alternate;
          animation: flying 70s ease-in-out -8.1s infinite alternate;
}
.bg .dotWrapper-63 {
  top: 65%;
  left: 33%;
  -webkit-animation: flying 39s ease-in-out -8.9s infinite alternate;
          animation: flying 39s ease-in-out -8.9s infinite alternate;
}
.bg .dotWrapper-64 {
  top: 36%;
  left: 63%;
  -webkit-animation: flying 27s ease-in-out -4.1s infinite alternate;
          animation: flying 27s ease-in-out -4.1s infinite alternate;
}
.bg .dotWrapper-65 {
  top: 10%;
  left: 41%;
  -webkit-animation: flying 21s ease-in-out -5.3s infinite alternate;
          animation: flying 21s ease-in-out -5.3s infinite alternate;
}
.bg .dotWrapper-66 {
  top: 28%;
  left: 10%;
  -webkit-animation: flying 69s ease-in-out -4s infinite alternate;
          animation: flying 69s ease-in-out -4s infinite alternate;
}
.bg .dotWrapper-67 {
  top: 30%;
  left: 77%;
  -webkit-animation: flying 26s ease-in-out -0.4s infinite alternate;
          animation: flying 26s ease-in-out -0.4s infinite alternate;
}
.bg .dotWrapper-68 {
  top: 93%;
  left: 16%;
  -webkit-animation: flying 70s ease-in-out -4.7s infinite alternate;
          animation: flying 70s ease-in-out -4.7s infinite alternate;
}
.bg .dotWrapper-69 {
  top: 55%;
  left: 27%;
  -webkit-animation: flying 62s ease-in-out -7.1s infinite alternate;
          animation: flying 62s ease-in-out -7.1s infinite alternate;
}
.bg .dotWrapper-70 {
  top: 26%;
  left: 53%;
  -webkit-animation: flying 30s ease-in-out -4.4s infinite alternate;
          animation: flying 30s ease-in-out -4.4s infinite alternate;
}
.bg .dotWrapper-71 {
  top: 24%;
  left: 43%;
  -webkit-animation: flying 52s ease-in-out -9.7s infinite alternate;
          animation: flying 52s ease-in-out -9.7s infinite alternate;
}
.bg .dotWrapper-72 {
  top: 76%;
  left: 18%;
  -webkit-animation: flying 35s ease-in-out -2.9s infinite alternate;
          animation: flying 35s ease-in-out -2.9s infinite alternate;
}
.bg .dotWrapper-73 {
  top: 57%;
  left: 42%;
  -webkit-animation: flying 27s ease-in-out -3.2s infinite alternate;
          animation: flying 27s ease-in-out -3.2s infinite alternate;
}
.bg .dotWrapper-74 {
  top: 32%;
  left: 14%;
  -webkit-animation: flying 66s ease-in-out -4.2s infinite alternate;
          animation: flying 66s ease-in-out -4.2s infinite alternate;
}
.bg .dotWrapper-75 {
  top: 49%;
  left: 48%;
  -webkit-animation: flying 66s ease-in-out -8.6s infinite alternate;
          animation: flying 66s ease-in-out -8.6s infinite alternate;
}
.bg .dot {
  width: 4px;
  height: 4px;
  background: rgba(255,255,255,0.25);
  border-radius: 50%;
}
.bg .dot-1 {
  -webkit-transform-origin: -3px -12px;
          transform-origin: -3px -12px;
  -webkit-animation: rotating 29s ease-in-out -9.8s infinite;
          animation: rotating 29s ease-in-out -9.8s infinite;
}
.bg .dot-2 {
  -webkit-transform-origin: 14px 5px;
          transform-origin: 14px 5px;
  -webkit-animation: rotating 21s ease-in-out -9.1s infinite;
          animation: rotating 21s ease-in-out -9.1s infinite;
}
.bg .dot-3 {
  -webkit-transform-origin: 14px -4px;
          transform-origin: 14px -4px;
  -webkit-animation: rotating 22s ease-in-out -0.3s infinite;
          animation: rotating 22s ease-in-out -0.3s infinite;
}
.bg .dot-4 {
  -webkit-transform-origin: 4px 12px;
          transform-origin: 4px 12px;
  -webkit-animation: rotating 14s ease-in-out -9.1s infinite;
          animation: rotating 14s ease-in-out -9.1s infinite;
}
.bg .dot-5 {
  -webkit-transform-origin: -14px -2px;
          transform-origin: -14px -2px;
  -webkit-animation: rotating 18s ease-in-out -2.9s infinite;
          animation: rotating 18s ease-in-out -2.9s infinite;
}
.bg .dot-6 {
  -webkit-transform-origin: -11px 9px;
          transform-origin: -11px 9px;
  -webkit-animation: rotating 22s ease-in-out -6.9s infinite;
          animation: rotating 22s ease-in-out -6.9s infinite;
}
.bg .dot-7 {
  -webkit-transform-origin: -12px -4px;
          transform-origin: -12px -4px;
  -webkit-animation: rotating 23s ease-in-out -5.7s infinite;
          animation: rotating 23s ease-in-out -5.7s infinite;
}
.bg .dot-8 {
  -webkit-transform-origin: 10px 9px;
          transform-origin: 10px 9px;
  -webkit-animation: rotating 13s ease-in-out -3.3s infinite;
          animation: rotating 13s ease-in-out -3.3s infinite;
}
.bg .dot-9 {
  -webkit-transform-origin: 13px 5px;
          transform-origin: 13px 5px;
  -webkit-animation: rotating 28s ease-in-out -7s infinite;
          animation: rotating 28s ease-in-out -7s infinite;
}
.bg .dot-10 {
  -webkit-transform-origin: 13px -10px;
          transform-origin: 13px -10px;
  -webkit-animation: rotating 21s ease-in-out -7.5s infinite;
          animation: rotating 21s ease-in-out -7.5s infinite;
}
.bg .dot-11 {
  -webkit-transform-origin: 4px -1px;
          transform-origin: 4px -1px;
  -webkit-animation: rotating 26s ease-in-out -6.4s infinite;
          animation: rotating 26s ease-in-out -6.4s infinite;
}
.bg .dot-12 {
  -webkit-transform-origin: -14px 13px;
          transform-origin: -14px 13px;
  -webkit-animation: rotating 17s ease-in-out -9.4s infinite;
          animation: rotating 17s ease-in-out -9.4s infinite;
}
.bg .dot-13 {
  -webkit-transform-origin: -1px 2px;
          transform-origin: -1px 2px;
  -webkit-animation: rotating 30s ease-in-out -1.3s infinite;
          animation: rotating 30s ease-in-out -1.3s infinite;
}
.bg .dot-14 {
  -webkit-transform-origin: 1px 0px;
          transform-origin: 1px 0px;
  -webkit-animation: rotating 26s ease-in-out -6.1s infinite;
          animation: rotating 26s ease-in-out -6.1s infinite;
}
.bg .dot-15 {
  -webkit-transform-origin: -4px 12px;
          transform-origin: -4px 12px;
  -webkit-animation: rotating 21s ease-in-out -7.4s infinite;
          animation: rotating 21s ease-in-out -7.4s infinite;
}
.bg .dot-16 {
  -webkit-transform-origin: -10px 5px;
          transform-origin: -10px 5px;
  -webkit-animation: rotating 13s ease-in-out -6.3s infinite;
          animation: rotating 13s ease-in-out -6.3s infinite;
}
.bg .dot-17 {
  -webkit-transform-origin: 7px 6px;
          transform-origin: 7px 6px;
  -webkit-animation: rotating 19s ease-in-out -6.1s infinite;
          animation: rotating 19s ease-in-out -6.1s infinite;
}
.bg .dot-18 {
  -webkit-transform-origin: -3px 15px;
          transform-origin: -3px 15px;
  -webkit-animation: rotating 11s ease-in-out -4.4s infinite;
          animation: rotating 11s ease-in-out -4.4s infinite;
}
.bg .dot-19 {
  -webkit-transform-origin: 6px -8px;
          transform-origin: 6px -8px;
  -webkit-animation: rotating 17s ease-in-out -6s infinite;
          animation: rotating 17s ease-in-out -6s infinite;
}
.bg .dot-20 {
  -webkit-transform-origin: 11px 1px;
          transform-origin: 11px 1px;
  -webkit-animation: rotating 28s ease-in-out -9s infinite;
          animation: rotating 28s ease-in-out -9s infinite;
}
.bg .dot-21 {
  -webkit-transform-origin: 8px 6px;
          transform-origin: 8px 6px;
  -webkit-animation: rotating 15s ease-in-out -3.1s infinite;
          animation: rotating 15s ease-in-out -3.1s infinite;
}
.bg .dot-22 {
  -webkit-transform-origin: -6px -4px;
          transform-origin: -6px -4px;
  -webkit-animation: rotating 29s ease-in-out -8.6s infinite;
          animation: rotating 29s ease-in-out -8.6s infinite;
}
.bg .dot-23 {
  -webkit-transform-origin: 13px -9px;
          transform-origin: 13px -9px;
  -webkit-animation: rotating 29s ease-in-out -1.6s infinite;
          animation: rotating 29s ease-in-out -1.6s infinite;
}
.bg .dot-24 {
  -webkit-transform-origin: 2px -1px;
          transform-origin: 2px -1px;
  -webkit-animation: rotating 26s ease-in-out -7.9s infinite;
          animation: rotating 26s ease-in-out -7.9s infinite;
}
.bg .dot-25 {
  -webkit-transform-origin: -1px 6px;
          transform-origin: -1px 6px;
  -webkit-animation: rotating 19s ease-in-out -6.4s infinite;
          animation: rotating 19s ease-in-out -6.4s infinite;
}
.bg .dot-26 {
  -webkit-transform-origin: 14px 13px;
          transform-origin: 14px 13px;
  -webkit-animation: rotating 18s ease-in-out -4.1s infinite;
          animation: rotating 18s ease-in-out -4.1s infinite;
}
.bg .dot-27 {
  -webkit-transform-origin: 8px 11px;
          transform-origin: 8px 11px;
  -webkit-animation: rotating 22s ease-in-out -5s infinite;
          animation: rotating 22s ease-in-out -5s infinite;
}
.bg .dot-28 {
  -webkit-transform-origin: -5px 13px;
          transform-origin: -5px 13px;
  -webkit-animation: rotating 18s ease-in-out -0.9s infinite;
          animation: rotating 18s ease-in-out -0.9s infinite;
}
.bg .dot-29 {
  -webkit-transform-origin: -14px 3px;
          transform-origin: -14px 3px;
  -webkit-animation: rotating 13s ease-in-out -4.1s infinite;
          animation: rotating 13s ease-in-out -4.1s infinite;
}
.bg .dot-30 {
  -webkit-transform-origin: -11px 8px;
          transform-origin: -11px 8px;
  -webkit-animation: rotating 21s ease-in-out -0.3s infinite;
          animation: rotating 21s ease-in-out -0.3s infinite;
}
.bg .dot-31 {
  -webkit-transform-origin: 13px -14px;
          transform-origin: 13px -14px;
  -webkit-animation: rotating 14s ease-in-out -2.7s infinite;
          animation: rotating 14s ease-in-out -2.7s infinite;
}
.bg .dot-32 {
  -webkit-transform-origin: -2px 7px;
          transform-origin: -2px 7px;
  -webkit-animation: rotating 11s ease-in-out -6.5s infinite;
          animation: rotating 11s ease-in-out -6.5s infinite;
}
.bg .dot-33 {
  -webkit-transform-origin: -2px -9px;
          transform-origin: -2px -9px;
  -webkit-animation: rotating 19s ease-in-out -4.6s infinite;
          animation: rotating 19s ease-in-out -4.6s infinite;
}
.bg .dot-34 {
  -webkit-transform-origin: 11px -2px;
          transform-origin: 11px -2px;
  -webkit-animation: rotating 23s ease-in-out -10s infinite;
          animation: rotating 23s ease-in-out -10s infinite;
}
.bg .dot-35 {
  -webkit-transform-origin: -2px 7px;
          transform-origin: -2px 7px;
  -webkit-animation: rotating 22s ease-in-out -9.1s infinite;
          animation: rotating 22s ease-in-out -9.1s infinite;
}
.bg .dot-36 {
  -webkit-transform-origin: -13px -8px;
          transform-origin: -13px -8px;
  -webkit-animation: rotating 12s ease-in-out -5.8s infinite;
          animation: rotating 12s ease-in-out -5.8s infinite;
}
.bg .dot-37 {
  -webkit-transform-origin: -6px -10px;
          transform-origin: -6px -10px;
  -webkit-animation: rotating 29s ease-in-out -1.9s infinite;
          animation: rotating 29s ease-in-out -1.9s infinite;
}
.bg .dot-38 {
  -webkit-transform-origin: 13px -13px;
          transform-origin: 13px -13px;
  -webkit-animation: rotating 16s ease-in-out -3.7s infinite;
          animation: rotating 16s ease-in-out -3.7s infinite;
}
.bg .dot-39 {
  -webkit-transform-origin: -14px -4px;
          transform-origin: -14px -4px;
  -webkit-animation: rotating 30s ease-in-out -2.2s infinite;
          animation: rotating 30s ease-in-out -2.2s infinite;
}
.bg .dot-40 {
  -webkit-transform-origin: 3px 5px;
          transform-origin: 3px 5px;
  -webkit-animation: rotating 15s ease-in-out -8.5s infinite;
          animation: rotating 15s ease-in-out -8.5s infinite;
}
.bg .dot-41 {
  -webkit-transform-origin: 4px 9px;
          transform-origin: 4px 9px;
  -webkit-animation: rotating 20s ease-in-out -6.8s infinite;
          animation: rotating 20s ease-in-out -6.8s infinite;
}
.bg .dot-42 {
  -webkit-transform-origin: 2px 4px;
          transform-origin: 2px 4px;
  -webkit-animation: rotating 28s ease-in-out -2.2s infinite;
          animation: rotating 28s ease-in-out -2.2s infinite;
}
.bg .dot-43 {
  -webkit-transform-origin: -9px -2px;
          transform-origin: -9px -2px;
  -webkit-animation: rotating 12s ease-in-out -3.2s infinite;
          animation: rotating 12s ease-in-out -3.2s infinite;
}
.bg .dot-44 {
  -webkit-transform-origin: -5px -2px;
          transform-origin: -5px -2px;
  -webkit-animation: rotating 28s ease-in-out -6.2s infinite;
          animation: rotating 28s ease-in-out -6.2s infinite;
}
.bg .dot-45 {
  -webkit-transform-origin: 13px -12px;
          transform-origin: 13px -12px;
  -webkit-animation: rotating 22s ease-in-out -5.4s infinite;
          animation: rotating 22s ease-in-out -5.4s infinite;
}
.bg .dot-46 {
  -webkit-transform-origin: 6px 11px;
          transform-origin: 6px 11px;
  -webkit-animation: rotating 12s ease-in-out -5s infinite;
          animation: rotating 12s ease-in-out -5s infinite;
}
.bg .dot-47 {
  -webkit-transform-origin: -7px -3px;
          transform-origin: -7px -3px;
  -webkit-animation: rotating 19s ease-in-out -0.7s infinite;
          animation: rotating 19s ease-in-out -0.7s infinite;
}
.bg .dot-48 {
  -webkit-transform-origin: -11px 0px;
          transform-origin: -11px 0px;
  -webkit-animation: rotating 22s ease-in-out -1.3s infinite;
          animation: rotating 22s ease-in-out -1.3s infinite;
}
.bg .dot-49 {
  -webkit-transform-origin: -12px 15px;
          transform-origin: -12px 15px;
  -webkit-animation: rotating 19s ease-in-out -9.9s infinite;
          animation: rotating 19s ease-in-out -9.9s infinite;
}
.bg .dot-50 {
  -webkit-transform-origin: 12px -2px;
          transform-origin: 12px -2px;
  -webkit-animation: rotating 16s ease-in-out -5.4s infinite;
          animation: rotating 16s ease-in-out -5.4s infinite;
}

@-webkit-keyframes rotating {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25%, 75% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotating {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25%, 75% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes flying {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(20px, 50px);
            transform: translate(20px, 50px);
  }
  20% {
    -webkit-transform: translate(-30px, 10px);
            transform: translate(-30px, 10px);
  }
  30% {
    -webkit-transform: translate(10px, 60px);
            transform: translate(10px, 60px);
  }
  40% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px);
  }
  50% {
    -webkit-transform: translate(-10px, -40px);
            transform: translate(-10px, -40px);
  }
  60% {
    -webkit-transform: translate(-40px, 20px);
            transform: translate(-40px, 20px);
  }
  70% {
    -webkit-transform: translate(30px, -30px);
            transform: translate(30px, -30px);
  }
  80% {
    -webkit-transform: translate(0px, -60px);
            transform: translate(0px, -60px);
  }
  90% {
    -webkit-transform: translate(40px, 10px);
            transform: translate(40px, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes flying {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(20px, 50px);
            transform: translate(20px, 50px);
  }
  20% {
    -webkit-transform: translate(-30px, 10px);
            transform: translate(-30px, 10px);
  }
  30% {
    -webkit-transform: translate(10px, 60px);
            transform: translate(10px, 60px);
  }
  40% {
    -webkit-transform: translate(50px, 0px);
            transform: translate(50px, 0px);
  }
  50% {
    -webkit-transform: translate(-10px, -40px);
            transform: translate(-10px, -40px);
  }
  60% {
    -webkit-transform: translate(-40px, 20px);
            transform: translate(-40px, 20px);
  }
  70% {
    -webkit-transform: translate(30px, -30px);
            transform: translate(30px, -30px);
  }
  80% {
    -webkit-transform: translate(0px, -60px);
            transform: translate(0px, -60px);
  }
  90% {
    -webkit-transform: translate(40px, 10px);
            transform: translate(40px, 10px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}