@keyframes animation-top-background {
  0%   { transform: translateX(-50%) translateY(0) scale(1.1); }
  50%  { transform: translateX(-50%) translateY(0) scale(1); }
  100% { transform: translateX(-50%) translateY(0) scale(1.1); }
}


@keyframes cripps {
  0%   { transform: translateX(-50%) translateY(0) scale(1); }
  50%  { transform: translateX(-50%) translateY(0) scale(1.1); }
  100% { transform: translateX(-50%) translateY(0) scale(1); }
}

@keyframes scienist {
  0%   { transform: translateX(44.52%) translateY(0) scale(1); }
  50%  { transform: translateX(62.52%) translateY(0) scale(1.1); }
  100% { transform: translateX(44.52%) translateY(0) scale(1); }
}

@keyframes girl {
  0%   { transform: translateX(-186%) translateY(0) scale(1); }
  50%  { transform: translateX(-210%) translateY(0) scale(1.1); }
  100% { transform: translateX(-186%) translateY(0) scale(1); }
}

@keyframes dog {
  0%   { transform: translateX(-280%) translateY(0) scale(1); }
  50%  { transform: translateX(-300%) translateY(0) scale(1.1); }
  100% { transform: translateX(-280%) translateY(0) scale(1); }
}

@keyframes sol1 {
  0%   { transform: translateX(-128%) translateY(0) scale(1); }
  50%  { transform: translateX(-140%) translateY(0) scale(1.1); }
  100% { transform: translateX(-128%) translateY(0) scale(1); }
}

@keyframes sol2 {
  0%   { transform: translateX(11%) translateY(0) scale(1); }
  50%  { transform: translateX(23%) translateY(0) scale(1.1); }
  100% { transform: translateX(11%) translateY(0) scale(1); }
}

@keyframes sol3 {
  0%   { transform: translateX(-234%) translateY(0) scale(1); }
  50%  { transform: translateX(-246%) translateY(0) scale(1.1); }
  100% { transform: translateX(-234%) translateY(0) scale(1); }
}

@keyframes sol4 {
  0%   { transform: translateX(144%) translateY(0) scale(1); }
  50%  { transform: translateX(156%) translateY(0) scale(1.1); }
  100% { transform: translateX(144%) translateY(0) scale(1); }
}

@keyframes sol5 {
  0%   { transform: translateX(-334%) translateY(0) scale(1); }
  50%  { transform: translateX(-336%) translateY(0) scale(1.1); }
  100% { transform: translateX(-334%) translateY(0) scale(1); }
}

@keyframes sol6 {
  0%   { transform: translateX(244%) translateY(0) scale(1); }
  50%  { transform: translateX(246%) translateY(0) scale(1.1); }
  100% { transform: translateX(244%) translateY(0) scale(1); }
}

@keyframes sol7 {
  0%   { transform: translateX(-414%) translateY(0) scale(1); }
  50%  { transform: translateX(-404%) translateY(0) scale(1.1); }
  100% { transform: translateX(-414%) translateY(0) scale(1); }
}

@keyframes sol8 {
  0%   { transform: translateX(334%) translateY(0) scale(1); }
  50%  { transform: translateX(324%) translateY(0) scale(1.1); }
  100% { transform: translateX(334%) translateY(0) scale(1); }
}

@keyframes sol9 {
  0%   { transform: translateX(-293%) translateY(0) scale(1); }
  50%  { transform: translateX(-303%) translateY(0) scale(1.1); }
  100% { transform: translateX(-293%) translateY(0) scale(1); }
}

@keyframes sol10 {
  0%   { transform: translateX(234%) translateY(0) scale(1); }
  50%  { transform: translateX(244%) translateY(0) scale(1.1); }
  100% { transform: translateX(234%) translateY(0) scale(1); }
}

@keyframes sol11 {
  0%   { transform: translateX(-433%) translateY(0) scale(1); }
  50%  { transform: translateX(-423%) translateY(0) scale(1.1); }
  100% { transform: translateX(-433%) translateY(0) scale(1); }
}

@keyframes sol12 {
  0%   { transform: translateX(334%) translateY(0) scale(1); }
  50%  { transform: translateX(344%) translateY(0) scale(1.1); }
  100% { transform: translateX(334%) translateY(0) scale(1); }
}

@keyframes sol13 {
  0%   { transform: translateX(-370%) translateY(0) scale(1); }
  50%  { transform: translateX(-375%) translateY(0) scale(1.1); }
  100% { transform: translateX(-370%) translateY(0) scale(1); }
}

@keyframes sol14 {
  0%   { transform: translateX(234%) translateY(0) scale(1); }
  50%  { transform: translateX(254%) translateY(0) scale(1.1); }
  100% { transform: translateX(234%) translateY(0) scale(1); }
}

@keyframes sol15 {
  0%   { transform: translateX(-543%) translateY(0) scale(1); }
  50%  { transform: translateX(-513%) translateY(0) scale(1.1); }
  100% { transform: translateX(-543%) translateY(0) scale(1); }
}

@keyframes sol16 {
  0%   { transform: translateX(454%) translateY(0) scale(1); }
  50%  { transform: translateX(430%) translateY(0) scale(1.1); }
  100% { transform: translateX(454%) translateY(0) scale(1); }
}


@keyframes hover-copter-1 {
  0%   { transform: translateX(-387.227%) translateY(0) scale(1); }
  25%  { transform: translateX(-387.8%)  translateY(-1vh) scale(1.02); }
  50%  { transform: translateX(-386.5%)  translateY(1vh)  scale(0.99); }
  75%  { transform: translateX(-387%)    translateY(-0.5vh) scale(1.01); }
  100% { transform: translateX(-387.227%) translateY(0) scale(1); }
}

@keyframes hover-copter-2 {
  0% {transform: translateX(152.227%) translateY(0); }
  25% {transform: translateX(151.5%) translateY(-1.5vh); }
  50% {transform: translateX(152.6%) translateY(0.8vh); }
  75% {transform: translateX(152%) translateY(-0.4vh); }
  100% {transform: translateX(152.227%) translateY(0); }
}

@keyframes loop-fighter {
  0%   { transform: translateX(-222.227%) translateY(0); }
  50%  { transform: translateX(-220.227%) translateY(-2vh); }
  100% { transform: translateX(-222.227%) translateY(0); }
}

@keyframes loop-rocket {
  0%   { transform: translateX(-242.227%) translateY(0); }
  50%  { transform: translateX(-240.227%) translateY(-2vh); }
  100% { transform: translateX(-242.227%) translateY(0); }
}

@keyframes wave-submarine {
  0%   { transform: translateX(117.227%) translateY(0); }
  50%  { transform: translateX(117.6%) translateY(-0.4vh); }
  100% { transform: translateX(117.227%) translateY(0); }
}




@keyframes spinner-animation {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

@keyframes demoFill {
  0% { width: 0%; }
  100% { width: 100%; }
}