.anim-elements {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.anim-elements .anim-element {
  position: absolute;
}
.anim-elements .anim-element:nth-child(1) {
  background: linear-gradient(120deg, #c5e259c9 11%, #83c439 106%);
    width: 1em;
    /* height: 1em; */
    border-radius: 50%;
    top: 2%;
    left: 5%;
    animation: animTwo 3s infinite linear;
    width: 4em;
    aspect-ratio: 1;
    clip-path: polygon(100% 50%, 74.27% 67.63%, 65.45% 97.55%, 40.73% 78.53%, 9.55% 79.39%, 20% 50%, 9.55% 20.61%, 40.73% 21.47%, 65.45% 2.45%, 74.27% 32.37%);
}
.anim-elements .anim-element:nth-child(2) {
  border: 1.5em solid #377bcccc;
    /* width: 2.5em; */
    /* height: 1.5em; */
    /* border-radius: 50%; */
    top: 5%;
    left: 5%;
    -webkit-animation: animOne 15s infinite linear;
    animation: animOne 6s infinite linear;
    clip-path: polygon(94.45% 72.9%, 68.07% 73.95%, 59.81% 99.03%, 42.54% 79.06%, 17.78% 88.24%, 22.63% 62.28%, 0.02% 48.65%, 23.33% 36.26%, 19.89% 10.08%, 44.11% 20.58%, 62.43% 1.57%, 69.33% 27.06%, 95.62% 29.53%, 79.99% 50.81%);
}
.anim-elements .anim-element:nth-child(3) {
  border: 7em solid rgb(55 123 204 / 19%);
    /* width: 2em; */
    /* height: 2em; */
    bottom: 5%;
    left: 6%;
    -webkit-animation: animFour 15s infinite linear alternate;
    animation: animFour 2.5s infinite linear alternate;
    /* clip-path: polygon(99.46% 57.3%, calc(68.41% - 4.42em) calc(96.49% - 11.16em), 18.94% 89.18%, calc(0.54% - -11.87em) calc(42.7% - -1.75em), 31.59% 3.51%, calc(81.06% - 7.45em) calc(10.82% - -9.4em)); */
    /* clip-path: polygon(96.58% 68.16%, calc(90.3% - 4.03em) calc(79.6% - 2.96em), 81.26% 89.02%, calc(70.1% - 2.01em) calc(95.78% - 4.58em), 57.56% 99.42%, calc(44.51% - -0.55em) calc(99.7% - 4.97em), 31.84% 96.58%, calc(20.4% - -2.96em) calc(90.3% - 4.03em), 10.98% 81.26%, calc(4.22% - -4.58em) calc(70.1% - 2.01em), 0.58% 57.56%, calc(0.3% - -4.97em) calc(44.51% - -0.55em), 3.42% 31.84%, calc(9.7% - -4.03em) calc(20.4% - -2.96em), 18.74% 10.98%, calc(29.9% - -2.01em) calc(4.22% - -4.58em), 42.44% 0.58%, calc(55.49% - 0.55em) calc(0.3% - -4.97em), 68.16% 3.42%, calc(79.6% - 2.96em) calc(9.7% - -4.03em), 89.02% 18.74%, calc(95.78% - 4.58em) calc(29.9% - -2.01em), 99.42% 42.44%, calc(99.7% - 4.97em) calc(55.49% - 0.55em)); */
    clip-path: polygon(68.41% 96.49%, calc(30.14% - -2.38em) calc(95.89% - 5.51em), 3.51% 68.41%, calc(4.11% - -5.51em) calc(30.14% - -2.38em), 31.59% 3.51%, calc(69.86% - 2.38em) calc(4.11% - -5.51em), 96.49% 31.59%, calc(95.89% - 5.51em) calc(69.86% - 2.38em));
}
.anim-elements .anim-element:nth-child(4) {
     background: linear-gradient(120deg, #83c439 11%, #c5e2595c 106%);
    width: 7em;
    height: 7em;
    border-radius: 50%;
    bottom: 5%;
    right: 5%;
    -webkit-animation: animFive 15s infinite linear alternate;
    animation: animFive 5s infinite linear alternate;
    clip-path: polygon(96.01% 69.57%, calc(75.72% - 3.6em) calc(92.88% - 6em), 45.61% 99.81%, calc(17.17% - -4.6em) calc(87.71% - 5.28em), 1.27% 61.21%, calc(3.99% - -6.44em) calc(30.43% - -2.74em), 24.28% 7.12%, calc(54.39% - 0.61em) calc(0.19% - -6.97em), 82.83% 12.29%, calc(98.73% - 6.82em) calc(38.79% - -1.57em));
}
.anim-elements .anim-element:nth-child(5) {
      background: rgb(255 134 0 / 64%);
  width: 3px;
  height: 20px;
  top: 18%;
  right: 25%;
  -webkit-animation: animFour 15s infinite linear alternate;
  animation: animFour 14s infinite linear alternate;
}
.anim-elements .anim-element:nth-child(5):after,
.anim-elements .anim-element:nth-child(5):before {
  content: "";
  display: block;
  width: 100%;
  height: calc(50% - 2px);
  top: 6px;
  background: inherit;
  position: absolute;
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.anim-elements .anim-element:nth-child(5):before {
  right: -6px;
}
.anim-elements .anim-element:nth-child(5):after {
  left: -6px;
}
@keyframes animOne {
  0% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    transform: translate(73px, -1px) rotate(35deg);
  }
  40% {
    transform: translate(141px, 72px) rotate(75deg);
  }
  60% {
    transform: translate(83px, 122px) rotate(110deg);
  }
  80% {
    transform: translate(-40px, 72px) rotate(145deg);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
}

@-webkit-keyframes animOne {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(35deg);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(75deg);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(110deg);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(145deg);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
}

@keyframes animTwo {
  0% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  20% {
    transform: translate(73px, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    transform: translate(141px, 72px) rotate(72deg) scale(1);
  }
  60% {
    transform: translate(83px, 122px) rotate(108deg) scale(1.2);
  }
  80% {
    transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
  }
  100% {
    transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@-webkit-keyframes animTwo {
  0% {
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
  20% {
    -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
  }
  40% {
    -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
  }
  60% {
    -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
  }
  80% {
    -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
  }
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
  }
}

@keyframes animThree {
  0% {
    transform: translate(165px, -179px);
  }
  100% {
    transform: translate(-346px, 617px);
  }
}

@-webkit-keyframes animThree {
  0% {
    -webkit-transform: translate(165px, -179px);
  }
  100% {
    -webkit-transform: translate(-346px, 617px);
  }
}

@keyframes animFour {
  0% {
    transform: translate(-300px, 151px) rotate(0deg);
  }
  100% {
    transform: translate(251px, -200px) rotate(180deg);
  }
}

@-webkit-keyframes animFour {
  0% {
    -webkit-transform: translate(-300px, 151px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(251px, -200px) rotate(180deg);
  }
}

@keyframes animFive {
  0% {
    transform: translate(61px, -99px) rotate(0deg);
  }
  21% {
    transform: translate(4px, -190px) rotate(38deg);
  }
  41% {
    transform: translate(-139px, -200px) rotate(74deg);
  }
  60% {
    transform: translate(-263px, -164px) rotate(108deg);
  }
  80% {
    transform: translate(-195px, -49px) rotate(144deg);
  }
  100% {
    transform: translate(-1px, 0px) rotate(180deg);
  }
}

@-webkit-keyframes animFive {
  0% {
    -webkit-transform: translate(61px, -99px) rotate(0deg);
  }
  21% {
    -webkit-transform: translate(4px, -190px) rotate(38deg);
  }
  41% {
    -webkit-transform: translate(-139px, -200px) rotate(74deg);
  }
  60% {
    -webkit-transform: translate(-263px, -164px) rotate(108deg);
  }
  80% {
    -webkit-transform: translate(-195px, -49px) rotate(144deg);
  }
  100% {
    -webkit-transform: translate(-1px, 0px) rotate(180deg);
  }
}