html, body {
  height: 100%;
}

body {
  min-height: 100%;
  overflow: hidden;
  background: black;
}

.outer {
  min-height: 100%;
  height: 100%;
}
.outer .wrap {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transform-style: preserve-3d;
  perspective: 100px;
}
.outer .wrap .c {
  background: black;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-top: -15px;
  transform: translate3d(1000px, 0, 0);
  animation: rotate 30s infinite linear;
}
.outer .wrap .c:nth-child(1) {
  animation-delay: -0.2s;
  background: #ff0100;
  z-index: 999;
}
.outer .wrap .c:nth-child(2) {
  animation-delay: -0.4s;
  background: #ff0200;
  z-index: 998;
}
.outer .wrap .c:nth-child(3) {
  animation-delay: -0.6s;
  background: #ff0400;
  z-index: 997;
}
.outer .wrap .c:nth-child(4) {
  animation-delay: -0.8s;
  background: #ff0500;
  z-index: 996;
}
.outer .wrap .c:nth-child(5) {
  animation-delay: -1s;
  background: #ff0600;
  z-index: 995;
}
.outer .wrap .c:nth-child(6) {
  animation-delay: -1.2s;
  background: #ff0700;
  z-index: 994;
}
.outer .wrap .c:nth-child(7) {
  animation-delay: -1.4s;
  background: #ff0900;
  z-index: 993;
}
.outer .wrap .c:nth-child(8) {
  animation-delay: -1.6s;
  background: #ff0a00;
  z-index: 992;
}
.outer .wrap .c:nth-child(9) {
  animation-delay: -1.8s;
  background: #ff0b00;
  z-index: 991;
}
.outer .wrap .c:nth-child(10) {
  animation-delay: -2s;
  background: #ff0c00;
  z-index: 990;
}
.outer .wrap .c:nth-child(11) {
  animation-delay: -2.2s;
  background: #ff0e00;
  z-index: 989;
}
.outer .wrap .c:nth-child(12) {
  animation-delay: -2.4s;
  background: #ff0f00;
  z-index: 988;
}
.outer .wrap .c:nth-child(13) {
  animation-delay: -2.6s;
  background: #ff1000;
  z-index: 987;
}
.outer .wrap .c:nth-child(14) {
  animation-delay: -2.8s;
  background: #ff1100;
  z-index: 986;
}
.outer .wrap .c:nth-child(15) {
  animation-delay: -3s;
  background: #ff1200;
  z-index: 985;
}
.outer .wrap .c:nth-child(16) {
  animation-delay: -3.2s;
  background: #ff1400;
  z-index: 984;
}
.outer .wrap .c:nth-child(17) {
  animation-delay: -3.4s;
  background: #ff1500;
  z-index: 983;
}
.outer .wrap .c:nth-child(18) {
  animation-delay: -3.6s;
  background: #ff1600;
  z-index: 982;
}
.outer .wrap .c:nth-child(19) {
  animation-delay: -3.8s;
  background: #ff1700;
  z-index: 981;
}
.outer .wrap .c:nth-child(20) {
  animation-delay: -4s;
  background: #ff1900;
  z-index: 980;
}
.outer .wrap .c:nth-child(21) {
  animation-delay: -4.2s;
  background: #ff1a00;
  z-index: 979;
}
.outer .wrap .c:nth-child(22) {
  animation-delay: -4.4s;
  background: #ff1b00;
  z-index: 978;
}
.outer .wrap .c:nth-child(23) {
  animation-delay: -4.6s;
  background: #ff1c00;
  z-index: 977;
}
.outer .wrap .c:nth-child(24) {
  animation-delay: -4.8s;
  background: #ff1e00;
  z-index: 976;
}
.outer .wrap .c:nth-child(25) {
  animation-delay: -5s;
  background: #ff1f00;
  z-index: 975;
}
.outer .wrap .c:nth-child(26) {
  animation-delay: -5.2s;
  background: #ff2000;
  z-index: 974;
}
.outer .wrap .c:nth-child(27) {
  animation-delay: -5.4s;
  background: #ff2100;
  z-index: 973;
}
.outer .wrap .c:nth-child(28) {
  animation-delay: -5.6s;
  background: #ff2300;
  z-index: 972;
}
.outer .wrap .c:nth-child(29) {
  animation-delay: -5.8s;
  background: #ff2400;
  z-index: 971;
}
.outer .wrap .c:nth-child(30) {
  animation-delay: -6s;
  background: #ff2500;
  z-index: 970;
}
.outer .wrap .c:nth-child(31) {
  animation-delay: -6.2s;
  background: #ff2600;
  z-index: 969;
}
.outer .wrap .c:nth-child(32) {
  animation-delay: -6.4s;
  background: #ff2700;
  z-index: 968;
}
.outer .wrap .c:nth-child(33) {
  animation-delay: -6.6s;
  background: #ff2900;
  z-index: 967;
}
.outer .wrap .c:nth-child(34) {
  animation-delay: -6.8s;
  background: #ff2a00;
  z-index: 966;
}
.outer .wrap .c:nth-child(35) {
  animation-delay: -7s;
  background: #ff2b00;
  z-index: 965;
}
.outer .wrap .c:nth-child(36) {
  animation-delay: -7.2s;
  background: #ff2c00;
  z-index: 964;
}
.outer .wrap .c:nth-child(37) {
  animation-delay: -7.4s;
  background: #ff2e00;
  z-index: 963;
}
.outer .wrap .c:nth-child(38) {
  animation-delay: -7.6s;
  background: #ff2f00;
  z-index: 962;
}
.outer .wrap .c:nth-child(39) {
  animation-delay: -7.8s;
  background: #ff3000;
  z-index: 961;
}
.outer .wrap .c:nth-child(40) {
  animation-delay: -8s;
  background: #ff3100;
  z-index: 960;
}
.outer .wrap .c:nth-child(41) {
  animation-delay: -8.2s;
  background: #ff3300;
  z-index: 959;
}
.outer .wrap .c:nth-child(42) {
  animation-delay: -8.4s;
  background: #ff3400;
  z-index: 958;
}
.outer .wrap .c:nth-child(43) {
  animation-delay: -8.6s;
  background: #ff3500;
  z-index: 957;
}
.outer .wrap .c:nth-child(44) {
  animation-delay: -8.8s;
  background: #ff3600;
  z-index: 956;
}
.outer .wrap .c:nth-child(45) {
  animation-delay: -9s;
  background: #ff3700;
  z-index: 955;
}
.outer .wrap .c:nth-child(46) {
  animation-delay: -9.2s;
  background: #ff3900;
  z-index: 954;
}
.outer .wrap .c:nth-child(47) {
  animation-delay: -9.4s;
  background: #ff3a00;
  z-index: 953;
}
.outer .wrap .c:nth-child(48) {
  animation-delay: -9.6s;
  background: #ff3b00;
  z-index: 952;
}
.outer .wrap .c:nth-child(49) {
  animation-delay: -9.8s;
  background: #ff3c00;
  z-index: 951;
}
.outer .wrap .c:nth-child(50) {
  animation-delay: -10s;
  background: #ff3e00;
  z-index: 950;
}
.outer .wrap .c:nth-child(51) {
  animation-delay: -10.2s;
  background: #ff3f00;
  z-index: 949;
}
.outer .wrap .c:nth-child(52) {
  animation-delay: -10.4s;
  background: #ff4000;
  z-index: 948;
}
.outer .wrap .c:nth-child(53) {
  animation-delay: -10.6s;
  background: #ff4100;
  z-index: 947;
}
.outer .wrap .c:nth-child(54) {
  animation-delay: -10.8s;
  background: #ff4300;
  z-index: 946;
}
.outer .wrap .c:nth-child(55) {
  animation-delay: -11s;
  background: #ff4400;
  z-index: 945;
}
.outer .wrap .c:nth-child(56) {
  animation-delay: -11.2s;
  background: orangered;
  z-index: 944;
}
.outer .wrap .c:nth-child(57) {
  animation-delay: -11.4s;
  background: #ff4600;
  z-index: 943;
}
.outer .wrap .c:nth-child(58) {
  animation-delay: -11.6s;
  background: #ff4700;
  z-index: 942;
}
.outer .wrap .c:nth-child(59) {
  animation-delay: -11.8s;
  background: #ff4900;
  z-index: 941;
}
.outer .wrap .c:nth-child(60) {
  animation-delay: -12s;
  background: #ff4a00;
  z-index: 940;
}
.outer .wrap .c:nth-child(61) {
  animation-delay: -12.2s;
  background: #ff4b00;
  z-index: 939;
}
.outer .wrap .c:nth-child(62) {
  animation-delay: -12.4s;
  background: #ff4c00;
  z-index: 938;
}
.outer .wrap .c:nth-child(63) {
  animation-delay: -12.6s;
  background: #ff4e00;
  z-index: 937;
}
.outer .wrap .c:nth-child(64) {
  animation-delay: -12.8s;
  background: #ff4f00;
  z-index: 936;
}
.outer .wrap .c:nth-child(65) {
  animation-delay: -13s;
  background: #ff5000;
  z-index: 935;
}
.outer .wrap .c:nth-child(66) {
  animation-delay: -13.2s;
  background: #ff5100;
  z-index: 934;
}
.outer .wrap .c:nth-child(67) {
  animation-delay: -13.4s;
  background: #ff5300;
  z-index: 933;
}
.outer .wrap .c:nth-child(68) {
  animation-delay: -13.6s;
  background: #ff5400;
  z-index: 932;
}
.outer .wrap .c:nth-child(69) {
  animation-delay: -13.8s;
  background: #ff5500;
  z-index: 931;
}
.outer .wrap .c:nth-child(70) {
  animation-delay: -14s;
  background: #ff5600;
  z-index: 930;
}
.outer .wrap .c:nth-child(71) {
  animation-delay: -14.2s;
  background: #ff5800;
  z-index: 929;
}
.outer .wrap .c:nth-child(72) {
  animation-delay: -14.4s;
  background: #ff5900;
  z-index: 928;
}
.outer .wrap .c:nth-child(73) {
  animation-delay: -14.6s;
  background: #ff5a00;
  z-index: 927;
}
.outer .wrap .c:nth-child(74) {
  animation-delay: -14.8s;
  background: #ff5b00;
  z-index: 926;
}
.outer .wrap .c:nth-child(75) {
  animation-delay: -15s;
  background: #ff5c00;
  z-index: 925;
}
.outer .wrap .c:nth-child(76) {
  animation-delay: -15.2s;
  background: #ff5e00;
  z-index: 924;
}
.outer .wrap .c:nth-child(77) {
  animation-delay: -15.4s;
  background: #ff5f00;
  z-index: 923;
}
.outer .wrap .c:nth-child(78) {
  animation-delay: -15.6s;
  background: #ff6000;
  z-index: 922;
}
.outer .wrap .c:nth-child(79) {
  animation-delay: -15.8s;
  background: #ff6100;
  z-index: 921;
}
.outer .wrap .c:nth-child(80) {
  animation-delay: -16s;
  background: #ff6300;
  z-index: 920;
}
.outer .wrap .c:nth-child(81) {
  animation-delay: -16.2s;
  background: #ff6400;
  z-index: 919;
}
.outer .wrap .c:nth-child(82) {
  animation-delay: -16.4s;
  background: #ff6500;
  z-index: 918;
}
.outer .wrap .c:nth-child(83) {
  animation-delay: -16.6s;
  background: #ff6600;
  z-index: 917;
}
.outer .wrap .c:nth-child(84) {
  animation-delay: -16.8s;
  background: #ff6800;
  z-index: 916;
}
.outer .wrap .c:nth-child(85) {
  animation-delay: -17s;
  background: #ff6900;
  z-index: 915;
}
.outer .wrap .c:nth-child(86) {
  animation-delay: -17.2s;
  background: #ff6a00;
  z-index: 914;
}
.outer .wrap .c:nth-child(87) {
  animation-delay: -17.4s;
  background: #ff6b00;
  z-index: 913;
}
.outer .wrap .c:nth-child(88) {
  animation-delay: -17.6s;
  background: #ff6c00;
  z-index: 912;
}
.outer .wrap .c:nth-child(89) {
  animation-delay: -17.8s;
  background: #ff6e00;
  z-index: 911;
}
.outer .wrap .c:nth-child(90) {
  animation-delay: -18s;
  background: #ff6f00;
  z-index: 910;
}
.outer .wrap .c:nth-child(91) {
  animation-delay: -18.2s;
  background: #ff7000;
  z-index: 909;
}
.outer .wrap .c:nth-child(92) {
  animation-delay: -18.4s;
  background: #ff7100;
  z-index: 908;
}
.outer .wrap .c:nth-child(93) {
  animation-delay: -18.6s;
  background: #ff7300;
  z-index: 907;
}
.outer .wrap .c:nth-child(94) {
  animation-delay: -18.8s;
  background: #ff7400;
  z-index: 906;
}
.outer .wrap .c:nth-child(95) {
  animation-delay: -19s;
  background: #ff7500;
  z-index: 905;
}
.outer .wrap .c:nth-child(96) {
  animation-delay: -19.2s;
  background: #ff7600;
  z-index: 904;
}
.outer .wrap .c:nth-child(97) {
  animation-delay: -19.4s;
  background: #ff7800;
  z-index: 903;
}
.outer .wrap .c:nth-child(98) {
  animation-delay: -19.6s;
  background: #ff7900;
  z-index: 902;
}
.outer .wrap .c:nth-child(99) {
  animation-delay: -19.8s;
  background: #ff7a00;
  z-index: 901;
}
.outer .wrap .c:nth-child(100) {
  animation-delay: -20s;
  background: #ff7b00;
  z-index: 900;
}
.outer .wrap .c:nth-child(101) {
  animation-delay: -20.2s;
  background: #ff7c00;
  z-index: 899;
}
.outer .wrap .c:nth-child(102) {
  animation-delay: -20.4s;
  background: #ff7e00;
  z-index: 898;
}
.outer .wrap .c:nth-child(103) {
  animation-delay: -20.6s;
  background: #ff7f00;
  z-index: 897;
}
.outer .wrap .c:nth-child(104) {
  animation-delay: -20.8s;
  background: #ff8000;
  z-index: 896;
}
.outer .wrap .c:nth-child(105) {
  animation-delay: -21s;
  background: #ff8100;
  z-index: 895;
}
.outer .wrap .c:nth-child(106) {
  animation-delay: -21.2s;
  background: #ff8300;
  z-index: 894;
}
.outer .wrap .c:nth-child(107) {
  animation-delay: -21.4s;
  background: #ff8400;
  z-index: 893;
}
.outer .wrap .c:nth-child(108) {
  animation-delay: -21.6s;
  background: #ff8500;
  z-index: 892;
}
.outer .wrap .c:nth-child(109) {
  animation-delay: -21.8s;
  background: #ff8600;
  z-index: 891;
}
.outer .wrap .c:nth-child(110) {
  animation-delay: -22s;
  background: #ff8800;
  z-index: 890;
}
.outer .wrap .c:nth-child(111) {
  animation-delay: -22.2s;
  background: #ff8900;
  z-index: 889;
}
.outer .wrap .c:nth-child(112) {
  animation-delay: -22.4s;
  background: #ff8a00;
  z-index: 888;
}
.outer .wrap .c:nth-child(113) {
  animation-delay: -22.6s;
  background: #ff8b00;
  z-index: 887;
}
.outer .wrap .c:nth-child(114) {
  animation-delay: -22.8s;
  background: #ff8d00;
  z-index: 886;
}
.outer .wrap .c:nth-child(115) {
  animation-delay: -23s;
  background: #ff8e00;
  z-index: 885;
}
.outer .wrap .c:nth-child(116) {
  animation-delay: -23.2s;
  background: #ff8f00;
  z-index: 884;
}
.outer .wrap .c:nth-child(117) {
  animation-delay: -23.4s;
  background: #ff9000;
  z-index: 883;
}
.outer .wrap .c:nth-child(118) {
  animation-delay: -23.6s;
  background: #ff9100;
  z-index: 882;
}
.outer .wrap .c:nth-child(119) {
  animation-delay: -23.8s;
  background: #ff9300;
  z-index: 881;
}
.outer .wrap .c:nth-child(120) {
  animation-delay: -24s;
  background: #ff9400;
  z-index: 880;
}
.outer .wrap .c:nth-child(121) {
  animation-delay: -24.2s;
  background: #ff9500;
  z-index: 879;
}
.outer .wrap .c:nth-child(122) {
  animation-delay: -24.4s;
  background: #ff9600;
  z-index: 878;
}
.outer .wrap .c:nth-child(123) {
  animation-delay: -24.6s;
  background: #ff9800;
  z-index: 877;
}
.outer .wrap .c:nth-child(124) {
  animation-delay: -24.8s;
  background: #ff9900;
  z-index: 876;
}
.outer .wrap .c:nth-child(125) {
  animation-delay: -25s;
  background: #ff9a00;
  z-index: 875;
}
.outer .wrap .c:nth-child(126) {
  animation-delay: -25.2s;
  background: #ff9b00;
  z-index: 874;
}
.outer .wrap .c:nth-child(127) {
  animation-delay: -25.4s;
  background: #ff9d00;
  z-index: 873;
}
.outer .wrap .c:nth-child(128) {
  animation-delay: -25.6s;
  background: #ff9e00;
  z-index: 872;
}
.outer .wrap .c:nth-child(129) {
  animation-delay: -25.8s;
  background: #ff9f00;
  z-index: 871;
}
.outer .wrap .c:nth-child(130) {
  animation-delay: -26s;
  background: #ffa000;
  z-index: 870;
}
.outer .wrap .c:nth-child(131) {
  animation-delay: -26.2s;
  background: #ffa100;
  z-index: 869;
}
.outer .wrap .c:nth-child(132) {
  animation-delay: -26.4s;
  background: #ffa300;
  z-index: 868;
}
.outer .wrap .c:nth-child(133) {
  animation-delay: -26.6s;
  background: #ffa400;
  z-index: 867;
}
.outer .wrap .c:nth-child(134) {
  animation-delay: -26.8s;
  background: orange;
  z-index: 866;
}
.outer .wrap .c:nth-child(135) {
  animation-delay: -27s;
  background: #ffa600;
  z-index: 865;
}
.outer .wrap .c:nth-child(136) {
  animation-delay: -27.2s;
  background: #ffa800;
  z-index: 864;
}
.outer .wrap .c:nth-child(137) {
  animation-delay: -27.4s;
  background: #ffa900;
  z-index: 863;
}
.outer .wrap .c:nth-child(138) {
  animation-delay: -27.6s;
  background: #ffaa00;
  z-index: 862;
}
.outer .wrap .c:nth-child(139) {
  animation-delay: -27.8s;
  background: #ffab00;
  z-index: 861;
}
.outer .wrap .c:nth-child(140) {
  animation-delay: -28s;
  background: #ffad00;
  z-index: 860;
}
.outer .wrap .c:nth-child(141) {
  animation-delay: -28.2s;
  background: #ffae00;
  z-index: 859;
}
.outer .wrap .c:nth-child(142) {
  animation-delay: -28.4s;
  background: #ffaf00;
  z-index: 858;
}
.outer .wrap .c:nth-child(143) {
  animation-delay: -28.6s;
  background: #ffb000;
  z-index: 857;
}
.outer .wrap .c:nth-child(144) {
  animation-delay: -28.8s;
  background: #ffb100;
  z-index: 856;
}
.outer .wrap .c:nth-child(145) {
  animation-delay: -29s;
  background: #ffb300;
  z-index: 855;
}
.outer .wrap .c:nth-child(146) {
  animation-delay: -29.2s;
  background: #ffb400;
  z-index: 854;
}
.outer .wrap .c:nth-child(147) {
  animation-delay: -29.4s;
  background: #ffb500;
  z-index: 853;
}
.outer .wrap .c:nth-child(148) {
  animation-delay: -29.6s;
  background: #ffb600;
  z-index: 852;
}
.outer .wrap .c:nth-child(149) {
  animation-delay: -29.8s;
  background: #ffb800;
  z-index: 851;
}
.outer .wrap .c:nth-child(150) {
  animation-delay: -30s;
  background: #ffb900;
  z-index: 850;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg) translate3d(250px, 0, 20px) rotate(0deg);
  }
  1% {
    transform: rotate(-30deg) translate3d(247.5px, 0, 15px) rotate(30deg);
  }
  2% {
    transform: rotate(-60deg) translate3d(245px, 0, 10px) rotate(60deg);
  }
  3% {
    transform: rotate(-90deg) translate3d(242.5px, 0, 5px) rotate(90deg);
  }
  4% {
    transform: rotate(-120deg) translate3d(240px, 0, 0px) rotate(120deg);
  }
  5% {
    transform: rotate(-150deg) translate3d(237.5px, 0, -5px) rotate(150deg);
  }
  6% {
    transform: rotate(-180deg) translate3d(235px, 0, -10px) rotate(180deg);
  }
  7% {
    transform: rotate(-210deg) translate3d(232.5px, 0, -15px) rotate(210deg);
  }
  8% {
    transform: rotate(-240deg) translate3d(230px, 0, -20px) rotate(240deg);
  }
  9% {
    transform: rotate(-270deg) translate3d(227.5px, 0, -25px) rotate(270deg);
  }
  10% {
    transform: rotate(-300deg) translate3d(225px, 0, -30px) rotate(300deg);
  }
  11% {
    transform: rotate(-330deg) translate3d(222.5px, 0, -35px) rotate(330deg);
  }
  12% {
    transform: rotate(-360deg) translate3d(220px, 0, -40px) rotate(360deg);
  }
  13% {
    transform: rotate(-390deg) translate3d(217.5px, 0, -45px) rotate(390deg);
  }
  14% {
    transform: rotate(-420deg) translate3d(215px, 0, -50px) rotate(420deg);
  }
  15% {
    transform: rotate(-450deg) translate3d(212.5px, 0, -55px) rotate(450deg);
  }
  16% {
    transform: rotate(-480deg) translate3d(210px, 0, -60px) rotate(480deg);
  }
  17% {
    transform: rotate(-510deg) translate3d(207.5px, 0, -65px) rotate(510deg);
  }
  18% {
    transform: rotate(-540deg) translate3d(205px, 0, -70px) rotate(540deg);
  }
  19% {
    transform: rotate(-570deg) translate3d(202.5px, 0, -75px) rotate(570deg);
  }
  20% {
    transform: rotate(-600deg) translate3d(200px, 0, -80px) rotate(600deg);
  }
  21% {
    transform: rotate(-630deg) translate3d(197.5px, 0, -85px) rotate(630deg);
  }
  22% {
    transform: rotate(-660deg) translate3d(195px, 0, -90px) rotate(660deg);
  }
  23% {
    transform: rotate(-690deg) translate3d(192.5px, 0, -95px) rotate(690deg);
  }
  24% {
    transform: rotate(-720deg) translate3d(190px, 0, -100px) rotate(720deg);
  }
  25% {
    transform: rotate(-750deg) translate3d(187.5px, 0, -105px) rotate(750deg);
  }
  26% {
    transform: rotate(-780deg) translate3d(185px, 0, -110px) rotate(780deg);
  }
  27% {
    transform: rotate(-810deg) translate3d(182.5px, 0, -115px) rotate(810deg);
  }
  28% {
    transform: rotate(-840deg) translate3d(180px, 0, -120px) rotate(840deg);
  }
  29% {
    transform: rotate(-870deg) translate3d(177.5px, 0, -125px) rotate(870deg);
  }
  30% {
    transform: rotate(-900deg) translate3d(175px, 0, -130px) rotate(900deg);
  }
  31% {
    transform: rotate(-930deg) translate3d(172.5px, 0, -135px) rotate(930deg);
  }
  32% {
    transform: rotate(-960deg) translate3d(170px, 0, -140px) rotate(960deg);
  }
  33% {
    transform: rotate(-990deg) translate3d(167.5px, 0, -145px) rotate(990deg);
  }
  34% {
    transform: rotate(-1020deg) translate3d(165px, 0, -150px) rotate(1020deg);
  }
  35% {
    transform: rotate(-1050deg) translate3d(162.5px, 0, -155px) rotate(1050deg);
  }
  36% {
    transform: rotate(-1080deg) translate3d(160px, 0, -160px) rotate(1080deg);
  }
  37% {
    transform: rotate(-1110deg) translate3d(157.5px, 0, -165px) rotate(1110deg);
  }
  38% {
    transform: rotate(-1140deg) translate3d(155px, 0, -170px) rotate(1140deg);
  }
  39% {
    transform: rotate(-1170deg) translate3d(152.5px, 0, -175px) rotate(1170deg);
  }
  40% {
    transform: rotate(-1200deg) translate3d(150px, 0, -180px) rotate(1200deg);
  }
  41% {
    transform: rotate(-1230deg) translate3d(147.5px, 0, -185px) rotate(1230deg);
  }
  42% {
    transform: rotate(-1260deg) translate3d(145px, 0, -190px) rotate(1260deg);
  }
  43% {
    transform: rotate(-1290deg) translate3d(142.5px, 0, -195px) rotate(1290deg);
  }
  44% {
    transform: rotate(-1320deg) translate3d(140px, 0, -200px) rotate(1320deg);
  }
  45% {
    transform: rotate(-1350deg) translate3d(137.5px, 0, -205px) rotate(1350deg);
  }
  46% {
    transform: rotate(-1380deg) translate3d(135px, 0, -210px) rotate(1380deg);
  }
  47% {
    transform: rotate(-1410deg) translate3d(132.5px, 0, -215px) rotate(1410deg);
  }
  48% {
    transform: rotate(-1440deg) translate3d(130px, 0, -220px) rotate(1440deg);
  }
  49% {
    transform: rotate(-1470deg) translate3d(127.5px, 0, -225px) rotate(1470deg);
  }
  50% {
    transform: rotate(-1500deg) translate3d(125px, 0, -230px) rotate(1500deg);
  }
  51% {
    transform: rotate(-1530deg) translate3d(122.5px, 0, -235px) rotate(1530deg);
  }
  52% {
    transform: rotate(-1560deg) translate3d(120px, 0, -240px) rotate(1560deg);
  }
  53% {
    transform: rotate(-1590deg) translate3d(117.5px, 0, -245px) rotate(1590deg);
  }
  54% {
    transform: rotate(-1620deg) translate3d(115px, 0, -250px) rotate(1620deg);
  }
  55% {
    transform: rotate(-1650deg) translate3d(112.5px, 0, -255px) rotate(1650deg);
  }
  56% {
    transform: rotate(-1680deg) translate3d(110px, 0, -260px) rotate(1680deg);
  }
  57% {
    transform: rotate(-1710deg) translate3d(107.5px, 0, -265px) rotate(1710deg);
  }
  58% {
    transform: rotate(-1740deg) translate3d(105px, 0, -270px) rotate(1740deg);
  }
  59% {
    transform: rotate(-1770deg) translate3d(102.5px, 0, -275px) rotate(1770deg);
  }
  60% {
    transform: rotate(-1800deg) translate3d(100px, 0, -280px) rotate(1800deg);
  }
  61% {
    transform: rotate(-1830deg) translate3d(97.5px, 0, -285px) rotate(1830deg);
  }
  62% {
    transform: rotate(-1860deg) translate3d(95px, 0, -290px) rotate(1860deg);
  }
  63% {
    transform: rotate(-1890deg) translate3d(92.5px, 0, -295px) rotate(1890deg);
  }
  64% {
    transform: rotate(-1920deg) translate3d(90px, 0, -300px) rotate(1920deg);
  }
  65% {
    transform: rotate(-1950deg) translate3d(87.5px, 0, -305px) rotate(1950deg);
  }
  66% {
    transform: rotate(-1980deg) translate3d(85px, 0, -310px) rotate(1980deg);
  }
  67% {
    transform: rotate(-2010deg) translate3d(82.5px, 0, -315px) rotate(2010deg);
  }
  68% {
    transform: rotate(-2040deg) translate3d(80px, 0, -320px) rotate(2040deg);
  }
  69% {
    transform: rotate(-2070deg) translate3d(77.5px, 0, -325px) rotate(2070deg);
  }
  70% {
    transform: rotate(-2100deg) translate3d(75px, 0, -330px) rotate(2100deg);
  }
  71% {
    transform: rotate(-2130deg) translate3d(72.5px, 0, -335px) rotate(2130deg);
  }
  72% {
    transform: rotate(-2160deg) translate3d(70px, 0, -340px) rotate(2160deg);
  }
  73% {
    transform: rotate(-2190deg) translate3d(67.5px, 0, -345px) rotate(2190deg);
  }
  74% {
    transform: rotate(-2220deg) translate3d(65px, 0, -350px) rotate(2220deg);
  }
  75% {
    transform: rotate(-2250deg) translate3d(62.5px, 0, -355px) rotate(2250deg);
  }
  76% {
    transform: rotate(-2280deg) translate3d(60px, 0, -360px) rotate(2280deg);
  }
  77% {
    transform: rotate(-2310deg) translate3d(57.5px, 0, -365px) rotate(2310deg);
  }
  78% {
    transform: rotate(-2340deg) translate3d(55px, 0, -370px) rotate(2340deg);
  }
  79% {
    transform: rotate(-2370deg) translate3d(52.5px, 0, -375px) rotate(2370deg);
  }
  80% {
    transform: rotate(-2400deg) translate3d(50px, 0, -380px) rotate(2400deg);
  }
  81% {
    transform: rotate(-2430deg) translate3d(47.5px, 0, -385px) rotate(2430deg);
  }
  82% {
    transform: rotate(-2460deg) translate3d(45px, 0, -390px) rotate(2460deg);
  }
  83% {
    transform: rotate(-2490deg) translate3d(42.5px, 0, -395px) rotate(2490deg);
  }
  84% {
    transform: rotate(-2520deg) translate3d(40px, 0, -400px) rotate(2520deg);
  }
  85% {
    transform: rotate(-2550deg) translate3d(37.5px, 0, -405px) rotate(2550deg);
  }
  86% {
    transform: rotate(-2580deg) translate3d(35px, 0, -410px) rotate(2580deg);
  }
  87% {
    transform: rotate(-2610deg) translate3d(32.5px, 0, -415px) rotate(2610deg);
  }
  88% {
    transform: rotate(-2640deg) translate3d(30px, 0, -420px) rotate(2640deg);
  }
  89% {
    transform: rotate(-2670deg) translate3d(27.5px, 0, -425px) rotate(2670deg);
  }
  90% {
    transform: rotate(-2700deg) translate3d(25px, 0, -430px) rotate(2700deg);
  }
  91% {
    transform: rotate(-2730deg) translate3d(22.5px, 0, -435px) rotate(2730deg);
  }
  92% {
    transform: rotate(-2760deg) translate3d(20px, 0, -440px) rotate(2760deg);
  }
  93% {
    transform: rotate(-2790deg) translate3d(17.5px, 0, -445px) rotate(2790deg);
  }
  94% {
    transform: rotate(-2820deg) translate3d(15px, 0, -450px) rotate(2820deg);
  }
  95% {
    transform: rotate(-2850deg) translate3d(12.5px, 0, -455px) rotate(2850deg);
  }
  96% {
    transform: rotate(-2880deg) translate3d(10px, 0, -460px) rotate(2880deg);
  }
  97% {
    transform: rotate(-2910deg) translate3d(7.5px, 0, -465px) rotate(2910deg);
  }
  98% {
    transform: rotate(-2940deg) translate3d(5px, 0, -470px) rotate(2940deg);
  }
  99% {
    transform: rotate(-2970deg) translate3d(2.5px, 0, -475px) rotate(2970deg);
  }
  100% {
    transform: rotate(-3000deg) translate3d(0px, 0, -480px) rotate(3000deg);
  }
}