以下是 纯CSS3实现3D波浪形动画代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>纯CSS3实现3D波浪形动画</title>
<style>
html, body {
overflow: hidden;
margin: 0;
height: 100%;
}
body {
perspective-origin: 5% -50%;
perspective: 32em;
font-size: 2.5em;
background: black;
}
.surface {
margin: -3em;
width: 6em;
height: 6em;
transform: rotateX(90deg) rotate(0deg);
animation: a 12.6s linear infinite;
}
.surface, .surface *, .surface :before, .surface :after {
position: absolute;
top: 50%;
left: 50%;
transform-style: preserve-3d;
}
.point:before, .point:after {
margin: -.0625em/2 0;
width: 1em;
height: .125em;
transform-origin: 100% 50%;
opacity: .01;
background: inherit;
animation: inherit;
content: '';
}
.point:nth-child(1) {
transform: translate3d(-3em, -3em, 0em);
background: #ffd966;
animation: h1 9s linear infinite;
}
@keyframes h1 {
0% {
transform: translate3d(-3em, -3em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(-3em, -3em, 0.41018em);
background: #fff066;
}
16.66667% {
transform: translate3d(-3em, -3em, 1.30423em);
background: #daff66;
}
25% {
transform: translate3d(-3em, -3em, 1.9487em);
background: #b5ff66;
}
33.33333% {
transform: translate3d(-3em, -3em, 1.81489em);
background: #bdff66;
}
41.66667% {
transform: translate3d(-3em, -3em, 1.01258em);
background: #ebff66;
}
50% {
transform: translate3d(-3em, -3em, 0.19995em);
background: #ffe466;
}
58.33333% {
transform: translate3d(-3em, -3em, 0.04365em);
background: #ffdb66;
}
66.66667% {
transform: translate3d(-3em, -3em, 0.67191em);
background: #ffff66;
}
75% {
transform: translate3d(-3em, -3em, 1.56932em);
background: #cbff66;
}
83.33333% {
transform: translate3d(-3em, -3em, 1.99968em);
background: #b3ff66;
}
91.66667% {
transform: translate3d(-3em, -3em, 1.60994em);
background: #c9ff66;
}
}
@keyframes x1 {
0% {
transform: rotate(0deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(0deg) rotateY(-38.15089deg) scaleX(1.27164);
}
16.66667% {
transform: rotate(0deg) rotateY(-51.03246deg) scaleX(1.59013);
}
25% {
transform: rotate(0deg) rotateY(-44.43163deg) scaleX(1.40039);
}
33.33333% {
transform: rotate(0deg) rotateY(-12.95912deg) scaleX(1.02614);
}
41.66667% {
transform: rotate(0deg) rotateY(21.82451deg) scaleX(1.07721);
}
50% {
transform: rotate(0deg) rotateY(21.49009deg) scaleX(1.07471);
}
58.33333% {
transform: rotate(0deg) rotateY(-13.75773deg) scaleX(1.02954);
}
66.66667% {
transform: rotate(0deg) rotateY(-44.73895deg) scaleX(1.40781);
}
75% {
transform: rotate(0deg) rotateY(-50.98253deg) scaleX(1.58842);
}
83.33333% {
transform: rotate(0deg) rotateY(-37.68035deg) scaleX(1.26353);
}
91.66667% {
transform: rotate(0deg) rotateY(0.76762deg) scaleX(1.00009);
}
}
@keyframes y1 {
0% {
transform: rotate(90deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(90deg) rotateY(-38.15089deg) scaleX(1.27164);
}
16.66667% {
transform: rotate(90deg) rotateY(-51.03246deg) scaleX(1.59013);
}
25% {
transform: rotate(90deg) rotateY(-44.43163deg) scaleX(1.40039);
}
33.33333% {
transform: rotate(90deg) rotateY(-12.95912deg) scaleX(1.02614);
}
41.66667% {
transform: rotate(90deg) rotateY(21.82451deg) scaleX(1.07721);
}
50% {
transform: rotate(90deg) rotateY(21.49009deg) scaleX(1.07471);
}
58.33333% {
transform: rotate(90deg) rotateY(-13.75773deg) scaleX(1.02954);
}
66.66667% {
transform: rotate(90deg) rotateY(-44.73895deg) scaleX(1.40781);
}
75% {
transform: rotate(90deg) rotateY(-50.98253deg) scaleX(1.58842);
}
83.33333% {
transform: rotate(90deg) rotateY(-37.68035deg) scaleX(1.26353);
}
91.66667% {
transform: rotate(90deg) rotateY(0.76762deg) scaleX(1.00009);
}
}
.point:nth-child(2) {
transform: translate3d(-2em, -3em, 0em);
background: #ffd966;
animation: h2 9s linear infinite;
}
.point:nth-child(2):before {
opacity: .99;
transform: rotate(0deg) rotateY(0deg) scaleX(1);
animation-name: x2;
}
@keyframes h2 {
0% {
transform: translate3d(-2em, -3em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(-2em, -3em, 0.8871em);
background: #f2ff66;
}
16.66667% {
transform: translate3d(-2em, -3em, 1.55795em);
background: #ccff66;
}
25% {
transform: translate3d(-2em, -3em, 1.4622em);
background: #d1ff66;
}
33.33333% {
transform: translate3d(-2em, -3em, 0.6784em);
background: #feff66;
}
41.66667% {
transform: translate3d(-2em, -3em, -0.15044em);
background: #ffd066;
}
50% {
transform: translate3d(-2em, -3em, -0.34438em);
background: #ffc566;
}
58.33333% {
transform: translate3d(-2em, -3em, 0.25568em);
background: #ffe766;
}
66.66667% {
transform: translate3d(-2em, -3em, 1.15748em);
background: #e3ff66;
}
75% {
transform: translate3d(-2em, -3em, 1.62121em);
background: #c8ff66;
}
83.33333% {
transform: translate3d(-2em, -3em, 1.26645em);
background: #ddff66;
}
91.66667% {
transform: translate3d(-2em, -3em, 0.38422em);
background: #ffef66;
}
}
@keyframes x2 {
0% {
transform: rotate(0deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(0deg) rotateY(-25.48935deg) scaleX(1.10783);
}
16.66667% {
transform: rotate(0deg) rotateY(-14.23248deg) scaleX(1.03167);
}
25% {
transform: rotate(0deg) rotateY(25.93393deg) scaleX(1.11198);
}
33.33333% {
transform: rotate(0deg) rotateY(48.66233deg) scaleX(1.51402);
}
41.66667% {
transform: rotate(0deg) rotateY(49.32739deg) scaleX(1.53436);
}
50% {
transform: rotate(0deg) rotateY(28.5578deg) scaleX(1.13852);
}
58.33333% {
transform: rotate(0deg) rotateY(-11.9697deg) scaleX(1.02223);
}
66.66667% {
transform: rotate(0deg) rotateY(-25.89105deg) scaleX(1.11157);
}
75% {
transform: rotate(0deg) rotateY(-2.96912deg) scaleX(1.00134);
}
83.33333% {
transform: rotate(0deg) rotateY(36.24477deg) scaleX(1.23993);
}
91.66667% {
transform: rotate(0deg) rotateY(50.80284deg) scaleX(1.5823);
}
}
@keyframes y2 {
0% {
transform: rotate(90deg) rotateY(-50.72974deg) scaleX(1.57983);
}
8.33333% {
transform: rotate(90deg) rotateY(-59.53099deg) scaleX(1.97211);
}
16.66667% {
transform: rotate(90deg) rotateY(-55.89887deg) scaleX(1.78363);
}
25% {
transform: rotate(90deg) rotateY(-36.34819deg) scaleX(1.24157);
}
33.33333% {
transform: rotate(90deg) rotateY(-4.91128deg) scaleX(1.00369);
}
41.66667% {
transform: rotate(90deg) rotateY(-3.40341deg) scaleX(1.00177);
}
50% {
transform: rotate(90deg) rotateY(-34.13239deg) scaleX(1.2081);
}
58.33333% {
transform: rotate(90deg) rotateY(-55.13549deg) scaleX(1.74936);
}
66.66667% {
transform: rotate(90deg) rotateY(-59.65787deg) scaleX(1.97956);
}
75% {
transform: rotate(90deg) rotateY(-51.88866deg) scaleX(1.62024);
}
83.33333% {
transform: rotate(90deg) rotateY(-26.06243deg) scaleX(1.11319);
}
91.66667% {
transform: rotate(90deg) rotateY(0.18321deg) scaleX(1.00001);
}
}
.point:nth-child(3) {
transform: translate3d(-1em, -3em, 0em);
background: #ffd966;
animation: h3 9s linear infinite;
}
.point:nth-child(3):before {
opacity: .99;
transform: rotate(0deg) rotateY(0deg) scaleX(1);
animation-name: x3;
}
@keyframes h3 {
0% {
transform: translate3d(-1em, -3em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(-1em, -3em, 0.69602em);
background: #fdff66;
}
16.66667% {
transform: translate3d(-1em, -3em, 0.6385em);
background: #fffd66;
}
25% {
transform: translate3d(-1em, -3em, -0.12537em);
background: #ffd266;
}
33.33333% {
transform: translate3d(-1em, -3em, -0.96893em);
background: #ffa166;
}
41.66667% {
transform: translate3d(-1em, -3em, -1.20017em);
background: #ff9466;
}
50% {
transform: translate3d(-1em, -3em, -0.62938em);
background: #ffb566;
}
58.33333% {
transform: translate3d(-1em, -3em, 0.27518em);
background: #ffe966;
}
66.66667% {
transform: translate3d(-1em, -3em, 0.77145em);
background: #f9ff66;
}
75% {
transform: translate3d(-1em, -3em, 0.4523em);
background: #fff366;
}
83.33333% {
transform: translate3d(-1em, -3em, -0.42045em);
background: #ffc166;
}
91.66667% {
transform: translate3d(-1em, -3em, -1.13082em);
background: #ff9866;
}
}
@keyframes x3 {
0% {
transform: rotate(0deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(0deg) rotateY(10.81697deg) scaleX(1.01809);
}
16.66667% {
transform: rotate(0deg) rotateY(42.58697deg) scaleX(1.35823);
}
25% {
transform: rotate(0deg) rotateY(57.80102deg) scaleX(1.87666);
}
33.33333% {
transform: rotate(0deg) rotateY(58.74652deg) scaleX(1.92743);
}
41.66667% {
transform: rotate(0deg) rotateY(46.4029deg) scaleX(1.45015);
}
50% {
transform: rotate(0deg) rotateY(15.90062deg) scaleX(1.03978);
}
58.33333% {
transform: rotate(0deg) rotateY(-1.117deg) scaleX(1.00019);
}
66.66667% {
transform: rotate(0deg) rotateY(21.10606deg) scaleX(1.07191);
}
75% {
transform: rotate(0deg) rotateY(49.47004deg) scaleX(1.53883);
}
83.33333% {
transform: rotate(0deg) rotateY(59.34539deg) scaleX(1.96132);
}
91.66667% {
transform: rotate(0deg) rotateY(56.5839deg) scaleX(1.81582);
}
}
@keyframes y3 {
0% {
transform: rotate(90deg) rotateY(-56.74639deg) scaleX(1.82367);
}
8.33333% {
transform: rotate(90deg) rotateY(-53.13741deg) scaleX(1.66695);
}
16.66667% {
transform: rotate(90deg) rotateY(-31.16859deg) scaleX(1.1687);
}
25% {
transform: rotate(90deg) rotateY(3.60853deg) scaleX(1.00199);
}
33.33333% {
transform: rotate(90deg) rotateY(7.00525deg) scaleX(1.00752);
}
41.66667% {
transform: rotate(90deg) rotateY(-25.38712deg) scaleX(1.10689);
}
50% {
transform: rotate(90deg) rotateY(-51.11439deg) scaleX(1.59295);
}
58.33333% {
transform: rotate(90deg) rotateY(-57.07869deg) scaleX(1.83997);
}
66.66667% {
transform: rotate(90deg) rotateY(-48.71066deg) scaleX(1.51547);
}
75% {
transform: rotate(90deg) rotateY(-19.57123deg) scaleX(1.06132);
}
83.33333% {
transform: rotate(90deg) rotateY(9.22598deg) scaleX(1.01311);
}
91.66667% {
transform: rotate(90deg) rotateY(-0.5392deg) scaleX(1.00004);
}
}
.point:nth-child(4) {
transform: translate3d(0em, -3em, 0em);
background: #ffd966;
animation: h4 9s linear infinite;
}
.point:nth-child(4):before {
opacity: .99;
transform: rotate(0deg) rotateY(0deg) scaleX(1);
animation-name: x4;
}
@keyframes h4 {
0% {
transform: translate3d(0em, -3em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(0em, -3em, -0.01918em);
background: #ffd866;
}
16.66667% {
transform: translate3d(0em, -3em, -0.76175em);
background: #ffad66;
}
25% {
transform: translate3d(0em, -3em, -1.61853em);
background: #ff7c66;
}
33.33333% {
transform: translate3d(0em, -3em, -1.88665em);
background: #ff6d66;
}
41.66667% {
transform: translate3d(0em, -3em, -1.34615em);
background: #ff8c66;
}
50% {
transform: translate3d(0em, -3em, -0.44044em);
background: #ffbf66;
}
58.33333% {
transform: translate3d(0em, -3em, 0.08746em);
background: #ffde66;
}
66.66667% {
transform: translate3d(0em, -3em, -0.1955em);
background: #ffce66;
}
75% {
transform: translate3d(0em, -3em, -1.05721em);
background: #ff9c66;
}
83.33333% {
transform: translate3d(0em, -3em, -1.79074em);
background: #ff7266;
}
91.66667% {
transform: translate3d(0em, -3em, -1.79434em);
background: #ff7266;
}
}
@keyframes x4 {
0% {
transform: rotate(0deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(0deg) rotateY(35.56782deg) scaleX(1.22937);
}
16.66667% {
transform: rotate(0deg) rotateY(54.4716deg) scaleX(1.72086);
}
25% {
transform: rotate(0deg) rotateY(56.20055deg) scaleX(1.79763);
}
33.33333% {
transform: rotate(0deg) rotateY(42.53315deg) scaleX(1.35706);
}
41.66667% {
transform: rotate(0deg) rotateY(8.30507deg) scaleX(1.0106);
}
50% {
transform: rotate(0deg) rotateY(-10.69807deg) scaleX(1.01769);
}
58.33333% {
transform: rotate(0deg) rotateY(10.63089deg) scaleX(1.01746);
}
66.66667% {
transform: rotate(0deg) rotateY(44.02281deg) scaleX(1.3907);
}
75% {
transform: rotate(0deg) rotateY(56.48751deg) scaleX(1.8112);
}
83.33333% {
transform: rotate(0deg) rotateY(53.88432deg) scaleX(1.69659);
}
91.66667% {
transform: rotate(0deg) rotateY(33.55397deg) scaleX(1.19995);
}
}
@keyframes y4 {
0% {
transform: rotate(90deg) rotateY(-34.14223deg) scaleX(1.20824);
}
8.33333% {
transform: rotate(90deg) rotateY(2.10428deg) scaleX(1.00067);
}
16.66667% {
transform: rotate(90deg) rotateY(35.81696deg) scaleX(1.23321);
}
25% {
transform: rotate(90deg) rotateY(39.15818deg) scaleX(1.28965);
}
33.33333% {
transform: rotate(90deg) rotateY(13.45277deg) scaleX(1.02821);
}
41.66667% {
transform: rotate(90deg) rotateY(-28.03157deg) scaleX(1.1329);
}
50% {
transform: rotate(90deg) rotateY(-40.91927deg) scaleX(1.32339);
}
58.33333% {
transform: rotate(90deg) rotateY(-26.12897deg) scaleX(1.11383);
}
66.66667% {
transform: rotate(90deg) rotateY(16.08557deg) scaleX(1.04075);
}
75% {
transform: rotate(90deg) rotateY(39.71471deg) scaleX(1.29999);
}
83.33333% {
transform: rotate(90deg) rotateY(34.66275deg) scaleX(1.21578);
}
91.66667% {
transform: rotate(90deg) rotateY(-0.85552deg) scaleX(1.00011);
}
}
.point:nth-child(5) {
transform: translate3d(1em, -3em, 0em);
background: #ffd966;
animation: h5 9s linear infinite;
}
.point:nth-child(5):before {
opacity: .99;
transform: rotate(0deg) rotateY(0deg) scaleX(1);
animation-name: x5;
}
@keyframes h5 {
0% {
transform: translate3d(1em, -3em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(1em, -3em, -0.71994em);
background: #ffaf66;
}
16.66667% {
transform: translate3d(1em, -3em, -1.58839em);
background: #ff7e66;
}
25% {
transform: translate3d(1em, -3em, -1.8929em);
background: #ff6c66;
}
33.33333% {
transform: translate3d(1em, -3em, -1.38367em);
background: #ff8966;
}
41.66667% {
transform: translate3d(1em, -3em, -0.47845em);
background: #ffbd66;
}
50% {
transform: translate3d(1em, -3em, 0.08015em);
background: #ffdd66;
}
58.33333% {
transform: translate3d(1em, -3em, -0.16612em);
background: #ffcf66;
}
66.66667% {
transform: translate3d(1em, -3em, -1.01523em);
background: #ff9f66;
}
75% {
transform: translate3d(1em, -3em, -1.77061em);
background: #ff7366;
}
83.33333% {
transform: translate3d(1em, -3em, -1.81257em);
background: #ff7166;
}
91.66667% {
transform: translate3d(1em, -3em, -1.10668em);
background: #ff9966;
}
}
@keyframes x5 {
0% {
transform: rotate(0deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(0deg) rotateY(35.00538deg) scaleX(1.22085);
}
16.66667% {
transform: rotate(0deg) rotateY(39.56507deg) scaleX(1.29718);
}
25% {
transform: rotate(0deg) rotateY(15.33715deg) scaleX(1.03693);
}
33.33333% {
transform: rotate(0deg) rotateY(-26.6901deg) scaleX(1.11926);
}
41.66667% {
transform: rotate(0deg) rotateY(-40.92956deg) scaleX(1.3236);
}
50% {
transform: rotate(0deg) rotateY(-27.48798deg) scaleX(1.12726);
}
58.33333% {
transform: rotate(0deg) rotateY(14.22524deg) scaleX(1.03163);
}
66.66667% {
transform: rotate(0deg) rotateY(39.33013deg) scaleX(1.29281);
}
75% {
transform: rotate(0deg) rotateY(35.49984deg) scaleX(1.22832);
}
83.33333% {
transform: rotate(0deg) rotateY(1.25025deg) scaleX(1.00024);
}
91.66667% {
transform: rotate(0deg) rotateY(-34.50089deg) scaleX(1.21342);
}
}
@keyframes y5 {
0% {
transform: rotate(90deg) rotateY(34.14223deg) scaleX(1.20824);
}
8.33333% {
transform: rotate(90deg) rotateY(54.06075deg) scaleX(1.70379);
}
16.66667% {
transform: rotate(90deg) rotateY(56.41031deg) scaleX(1.80753);
}
25% {
transform: rotate(90deg) rotateY(43.60307deg) scaleX(1.38096);
}
33.33333% {
transform: rotate(90deg) rotateY(9.95206deg) scaleX(1.01528);
}
41.66667% {
transform: rotate(90deg) rotateY(-10.71556deg) scaleX(1.01775);
}
50% {
transform: rotate(90deg) rotateY(8.96971deg) scaleX(1.01238);
}
58.33333% {
transform: rotate(90deg) rotateY(42.9741deg) scaleX(1.36675);
}
66.66667% {
transform: rotate(90deg) rotateY(56.28917deg) scaleX(1.8018);
}
75% {
transform: rotate(90deg) rotateY(54.30869deg) scaleX(1.71404);
}
83.33333% {
transform: rotate(90deg) rotateY(34.98703deg) scaleX(1.22058);
}
91.66667% {
transform: rotate(90deg) rotateY(-0.52769deg) scaleX(1.00004);
}
}
.point:nth-child(6) {
transform: translate3d(2em, -3em, 0em);
background: #ffd966;
animation: h6 9s linear infinite;
}
.point:nth-child(6):before {
opacity: .99;
transform: rotate(0deg) rotateY(0deg) scaleX(1);
animation-name: x6;
}
@keyframes h6 {
0% {
transform: translate3d(2em, -3em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(2em, -3em, -0.87856em);
background: #ffa666;
}
16.66667% {
transform: translate3d(2em, -3em, -1.21893em);
background: #ff9366;
}
25% {
transform: translate3d(2em, -3em, -0.74188em);
background: #ffae66;
}
33.33333% {
transform: translate3d(2em, -3em, 0.16123em);
background: #ffe266;
}
41.66667% {
transform: translate3d(2em, -3em, 0.74953em);
background: #faff66;
}
50% {
transform: translate3d(2em, -3em, 0.54039em);
background: #fff866;
}
58.33333% {
transform: translate3d(2em, -3em, -0.29461em);
background: #ffc866;
}
66.66667% {
transform: translate3d(2em, -3em, -1.07048em);
background: #ff9b66;
}
75% {
transform: translate3d(2em, -3em, -1.15071em);
background: #ff9766;
}
83.33333% {
transform: translate3d(2em, -3em, -0.46949em);
background: #ffbe66;
}
91.66667% {
transform: translate3d(2em, -3em, 0.41433em);
background: #fff166;
}
}
@keyframes x6 {
0% {
transform: rotate(0deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(0deg) rotateY(9.01308deg) scaleX(1.0125);
}
16.66667% {
transform: rotate(0deg) rotateY(-20.27522deg) scaleX(1.06605);
}
25% {
transform: rotate(0deg) rotateY(-49.0348deg) scaleX(1.52532);
}
33.33333% {
transform: rotate(0deg) rotateY(-57.0947deg) scaleX(1.84077);
}
41.66667% {
transform: rotate(0deg) rotateY(-50.85445deg) scaleX(1.58405);
}
50% {
transform: rotate(0deg) rotateY(-24.70732deg) scaleX(1.10077);
}
58.33333% {
transform: rotate(0deg) rotateY(7.32176deg) scaleX(1.00822);
}
66.66667% {
transform: rotate(0deg) rotateY(3.16023deg) scaleX(1.00152);
}
75% {
transform: rotate(0deg) rotateY(-31.78797deg) scaleX(1.17647);
}
83.33333% {
transform: rotate(0deg) rotateY(-53.3362deg) scaleX(1.67471);
}
91.66667% {
transform: rotate(0deg) rotateY(-56.68702deg) scaleX(1.82079);
}
}
@keyframes y6 {
0% {
transform: rotate(90deg) rotateY(56.74639deg) scaleX(1.82367);
}
8.33333% {
transform: rotate(90deg) rotateY(59.28857deg) scaleX(1.95804);
}
16.66667% {
transform: rotate(90deg) rotateY(49.1324deg) scaleX(1.52832);
}
25% {
transform: rotate(90deg) rotateY(20.4758deg) scaleX(1.06744);
}
33.33333% {
transform: rotate(90deg) rotateY(-1.1713deg) scaleX(1.00021);
}
41.66667% {
transform: rotate(90deg) rotateY(16.50547deg) scaleX(1.04298);
}
50% {
transform: rotate(90deg) rotateY(46.79364deg) scaleX(1.46065);
}
58.33333% {
transform: rotate(90deg) rotateY(58.83275deg) scaleX(1.93223);
}
66.66667% {
transform: rotate(90deg) rotateY(57.67281deg) scaleX(1.87002);
}
75% {
transform: rotate(90deg) rotateY(42.12239deg) scaleX(1.34823);
}
83.33333% {
transform: rotate(90deg) rotateY(10.28007deg) scaleX(1.01631);
}
91.66667% {
transform: rotate(90deg) rotateY(0.19757deg) scaleX(1.00001);
}
}
.point:nth-child(7) {
transform: translate3d(3em, -3em, 0em);
background: #ffd966;
animation: h7 9s linear infinite;
}
.point:nth-child(7):before {
opacity: .99;
transform: rotate(0deg) rotateY(0deg) scaleX(1);
animation-name: x7;
}
@keyframes h7 {
0% {
transform: translate3d(3em, -3em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(3em, -3em, -0.37561em);
background: #ffc366;
}
16.66667% {
transform: translate3d(3em, -3em, 0.0684em);
background: #ffdd66;
}
25% {
transform: translate3d(3em, -3em, 0.96779em);
background: #eeff66;
}
33.33333% {
transform: translate3d(3em, -3em, 1.58473em);
background: #caff66;
}
41.66667% {
transform: translate3d(3em, -3em, 1.4131em);
background: #d4ff66;
}
50% {
transform: translate3d(3em, -3em, 0.59371em);
background: #fffb66;
}
58.33333% {
transform: translate3d(3em, -3em, -0.20125em);
background: #ffcd66;
}
66.66667% {
transform: translate3d(3em, -3em, -0.31963em);
background: #ffc666;
}
75% {
transform: translate3d(3em, -3em, 0.3357em);
background: #ffec66;
}
83.33333% {
transform: translate3d(3em, -3em, 1.22712em);
background: #dfff66;
}
91.66667% {
transform: translate3d(3em, -3em, 1.62334em);
background: #c8ff66;
}
}
@keyframes x7 {
0% {
transform: rotate(0deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(0deg) rotateY(-26.68914deg) scaleX(1.11925);
}
16.66667% {
transform: rotate(0deg) rotateY(-52.16842deg) scaleX(1.63041);
}
25% {
transform: rotate(0deg) rotateY(-59.68091deg) scaleX(1.98092);
}
33.33333% {
transform: rotate(0deg) rotateY(-54.92795deg) scaleX(1.74032);
}
41.66667% {
transform: rotate(0deg) rotateY(-33.55616deg) scaleX(1.19998);
}
50% {
transform: rotate(0deg) rotateY(-3.05026deg) scaleX(1.00142);
}
58.33333% {
transform: rotate(0deg) rotateY(-5.32573deg) scaleX(1.00434);
}
66.66667% {
transform: rotate(0deg) rotateY(-36.89448deg) scaleX(1.2504);
}
75% {
transform: rotate(0deg) rotateY(-56.08077deg) scaleX(1.79204);
}
83.33333% {
transform: rotate(0deg) rotateY(-59.48929deg) scaleX(1.96967);
}
91.66667% {
transform: rotate(0deg) rotateY(-50.41838deg) scaleX(1.56942);
}
}
@keyframes y7 {
0% {
transform: rotate(90deg) rotateY(50.72974deg) scaleX(1.57983);
}
8.33333% {
transform: rotate(90deg) rotateY(35.73296deg) scaleX(1.23191);
}
16.66667% {
transform: rotate(90deg) rotateY(-3.70578deg) scaleX(1.0021);
}
25% {
transform: rotate(90deg) rotateY(-25.96403deg) scaleX(1.11226);
}
33.33333% {
transform: rotate(90deg) rotateY(-11.36227deg) scaleX(1.01999);
}
41.66667% {
transform: rotate(90deg) rotateY(29.19974deg) scaleX(1.14557);
}
50% {
transform: rotate(90deg) rotateY(49.47712deg) scaleX(1.53905);
}
58.33333% {
transform: rotate(90deg) rotateY(48.479deg) scaleX(1.50854);
}
66.66667% {
transform: rotate(90deg) rotateY(25.24441deg) scaleX(1.10559);
}
75% {
transform: rotate(90deg) rotateY(-14.77788deg) scaleX(1.03421);
}
83.33333% {
transform: rotate(90deg) rotateY(-25.3574deg) scaleX(1.10662);
}
91.66667% {
transform: rotate(90deg) rotateY(0.77401deg) scaleX(1.00009);
}
}
.point:nth-child(8) {
transform: translate3d(-3em, -2em, 0em);
background: #ffd966;
animation: h8 9s linear infinite;
}
.point:nth-child(8):after {
opacity: .99;
transform: rotate(90deg) rotateY(0deg) scaleX(1);
animation-name: y8;
}
@keyframes h8 {
0% {
transform: translate3d(-3em, -2em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(-3em, -2em, 0.8871em);
background: #f2ff66;
}
16.66667% {
transform: translate3d(-3em, -2em, 1.55795em);
background: #ccff66;
}
25% {
transform: translate3d(-3em, -2em, 1.4622em);
background: #d1ff66;
}
33.33333% {
transform: translate3d(-3em, -2em, 0.6784em);
background: #feff66;
}
41.66667% {
transform: translate3d(-3em, -2em, -0.15044em);
background: #ffd066;
}
50% {
transform: translate3d(-3em, -2em, -0.34438em);
background: #ffc566;
}
58.33333% {
transform: translate3d(-3em, -2em, 0.25568em);
background: #ffe766;
}
66.66667% {
transform: translate3d(-3em, -2em, 1.15748em);
background: #e3ff66;
}
75% {
transform: translate3d(-3em, -2em, 1.62121em);
background: #c8ff66;
}
83.33333% {
transform: translate3d(-3em, -2em, 1.26645em);
background: #ddff66;
}
91.66667% {
transform: translate3d(-3em, -2em, 0.38422em);
background: #ffef66;
}
}
@keyframes x8 {
0% {
transform: rotate(0deg) rotateY(-50.72974deg) scaleX(1.57983);
}
8.33333% {
transform: rotate(0deg) rotateY(-59.53099deg) scaleX(1.97211);
}
16.66667% {
transform: rotate(0deg) rotateY(-55.89887deg) scaleX(1.78363);
}
25% {
transform: rotate(0deg) rotateY(-36.34819deg) scaleX(1.24157);
}
33.33333% {
transform: rotate(0deg) rotateY(-4.91128deg) scaleX(1.00369);
}
41.66667% {
transform: rotate(0deg) rotateY(-3.40341deg) scaleX(1.00177);
}
50% {
transform: rotate(0deg) rotateY(-34.13239deg) scaleX(1.2081);
}
58.33333% {
transform: rotate(0deg) rotateY(-55.13549deg) scaleX(1.74936);
}
66.66667% {
transform: rotate(0deg) rotateY(-59.65787deg) scaleX(1.97956);
}
75% {
transform: rotate(0deg) rotateY(-51.88866deg) scaleX(1.62024);
}
83.33333% {
transform: rotate(0deg) rotateY(-26.06243deg) scaleX(1.11319);
}
91.66667% {
transform: rotate(0deg) rotateY(0.18321deg) scaleX(1.00001);
}
}
@keyframes y8 {
0% {
transform: rotate(90deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(90deg) rotateY(-25.48935deg) scaleX(1.10783);
}
16.66667% {
transform: rotate(90deg) rotateY(-14.23248deg) scaleX(1.03167);
}
25% {
transform: rotate(90deg) rotateY(25.93393deg) scaleX(1.11198);
}
33.33333% {
transform: rotate(90deg) rotateY(48.66233deg) scaleX(1.51402);
}
41.66667% {
transform: rotate(90deg) rotateY(49.32739deg) scaleX(1.53436);
}
50% {
transform: rotate(90deg) rotateY(28.5578deg) scaleX(1.13852);
}
58.33333% {
transform: rotate(90deg) rotateY(-11.9697deg) scaleX(1.02223);
}
66.66667% {
transform: rotate(90deg) rotateY(-25.89105deg) scaleX(1.11157);
}
75% {
transform: rotate(90deg) rotateY(-2.96912deg) scaleX(1.00134);
}
83.33333% {
transform: rotate(90deg) rotateY(36.24477deg) scaleX(1.23993);
}
91.66667% {
transform: rotate(90deg) rotateY(50.80284deg) scaleX(1.5823);
}
}
.point:nth-child(9) {
transform: translate3d(-2em, -2em, 1.22252em);
background: #dfff66;
animation: h9 9s linear infinite;
}
.point:nth-child(9):before {
opacity: .99;
transform: rotate(0deg) rotateY(-50.72974deg) scaleX(1.57983);
animation-name: x9;
}
.point:nth-child(9):after {
opacity: .99;
transform: rotate(90deg) rotateY(-50.72974deg) scaleX(1.57983);
animation-name: y9;
}
@keyframes h9 {
0% {
transform: translate3d(-2em, -2em, 1.22252em);
background: #dfff66;
}
8.33333% {
transform: translate3d(-2em, -2em, 1.91854em);
background: #b7ff66;
}
16.66667% {
transform: translate3d(-2em, -2em, 1.86102em);
background: #baff66;
}
25% {
transform: translate3d(-2em, -2em, 1.09715em);
background: #e6ff66;
}
33.33333% {
transform: translate3d(-2em, -2em, 0.25359em);
background: #ffe766;
}
41.66667% {
transform: translate3d(-2em, -2em, 0.02235em);
background: #ffda66;
}
50% {
transform: translate3d(-2em, -2em, 0.59314em);
background: #fffb66;
}
58.33333% {
transform: translate3d(-2em, -2em, 1.4977em);
background: #cfff66;
}
66.66667% {
transform: translate3d(-2em, -2em, 1.99397em);
background: #b3ff66;
}
75% {
transform: translate3d(-2em, -2em, 1.67482em);
background: #c5ff66;
}
83.33333% {
transform: translate3d(-2em, -2em, 0.80207em);
background: #f7ff66;
}
91.66667% {
transform: translate3d(-2em, -2em, 0.0917em);
background: #ffde66;
}
}
@keyframes x9 {
0% {
transform: rotate(0deg) rotateY(-50.72974deg) scaleX(1.57983);
}
8.33333% {
transform: rotate(0deg) rotateY(-45.90138deg) scaleX(1.437);
}
16.66667% {
transform: rotate(0deg) rotateY(-16.85136deg) scaleX(1.04487);
}
25% {
transform: rotate(0deg) rotateY(20.05275deg) scaleX(1.06453);
}
33.33333% {
transform: rotate(0deg) rotateY(23.01263deg) scaleX(1.08646);
}
41.66667% {
transform: rotate(0deg) rotateY(-9.80264deg) scaleX(1.01482);
}
50% {
transform: rotate(0deg) rotateY(-43.14147deg) scaleX(1.37049);
}
58.33333% {
transform: rotate(0deg) rotateY(-51.17203deg) scaleX(1.59494);
}
66.66667% {
transform: rotate(0deg) rotateY(-39.89766deg) scaleX(1.30346);
}
75% {
transform: rotate(0deg) rotateY(-3.06702deg) scaleX(1.00143);
}
83.33333% {
transform: rotate(0deg) rotateY(24.90218deg) scaleX(1.1025);
}
91.66667% {
transform: rotate(0deg) rotateY(16.29773deg) scaleX(1.04187);
}
}
@keyframes y9 {
0% {
transform: rotate(90deg) rotateY(-50.72974deg) scaleX(1.57983);
}
8.33333% {
transform: rotate(90deg) rotateY(-45.90138deg) scaleX(1.437);
}
16.66667% {
transform: rotate(90deg) rotateY(-16.85136deg) scaleX(1.04487);
}
25% {
transform: rotate(90deg) rotateY(20.05275deg) scaleX(1.06453);
}
33.33333% {
transform: rotate(90deg) rotateY(23.01263deg) scaleX(1.08646);
}
41.66667% {
transform: rotate(90deg) rotateY(-9.80264deg) scaleX(1.01482);
}
50% {
transform: rotate(90deg) rotateY(-43.14147deg) scaleX(1.37049);
}
58.33333% {
transform: rotate(90deg) rotateY(-51.17203deg) scaleX(1.59494);
}
66.66667% {
transform: rotate(90deg) rotateY(-39.89766deg) scaleX(1.30346);
}
75% {
transform: rotate(90deg) rotateY(-3.06702deg) scaleX(1.00143);
}
83.33333% {
transform: rotate(90deg) rotateY(24.90218deg) scaleX(1.1025);
}
91.66667% {
transform: rotate(90deg) rotateY(16.29773deg) scaleX(1.04187);
}
}
.point:nth-child(10) {
transform: translate3d(-1em, -2em, 1.52446em);
background: #ceff66;
animation: h10 9s linear infinite;
}
.point:nth-child(10):before {
opacity: .99;
transform: rotate(0deg) rotateY(-16.79192deg) scaleX(1.04454);
animation-name: x10;
}
.point:nth-child(10):after {
opacity: .99;
transform: rotate(90deg) rotateY(-56.74639deg) scaleX(1.82367);
animation-name: y10;
}
@keyframes h10 {
0% {
transform: translate3d(-1em, -2em, 1.52446em);
background: #ceff66;
}
8.33333% {
transform: translate3d(-1em, -2em, 1.50527em);
background: #cfff66;
}
16.66667% {
transform: translate3d(-1em, -2em, 0.76271em);
background: #f9ff66;
}
25% {
transform: translate3d(-1em, -2em, -0.09407em);
background: #ffd366;
}
33.33333% {
transform: translate3d(-1em, -2em, -0.36219em);
background: #ffc466;
}
41.66667% {
transform: translate3d(-1em, -2em, 0.17831em);
background: #ffe366;
}
50% {
transform: translate3d(-1em, -2em, 1.08401em);
background: #e7ff66;
}
58.33333% {
transform: translate3d(-1em, -2em, 1.61192em);
background: #c9ff66;
}
66.66667% {
transform: translate3d(-1em, -2em, 1.32896em);
background: #d9ff66;
}
75% {
transform: translate3d(-1em, -2em, 0.46725em);
background: #fff466;
}
83.33333% {
transform: translate3d(-1em, -2em, -0.26628em);
background: #ffc966;
}
91.66667% {
transform: translate3d(-1em, -2em, -0.26988em);
background: #ffc966;
}
}
@keyframes x10 {
0% {
transform: rotate(0deg) rotateY(-16.79192deg) scaleX(1.04454);
}
8.33333% {
transform: rotate(0deg) rotateY(22.45006deg) scaleX(1.082);
}
16.66667% {
transform: rotate(0deg) rotateY(47.69171deg) scaleX(1.48562);
}
25% {
transform: rotate(0deg) rotateY(50.00218deg) scaleX(1.55579);
}
33.33333% {
transform: rotate(0deg) rotateY(31.61709deg) scaleX(1.1743);
}
41.66667% {
transform: rotate(0deg) rotateY(-8.86397deg) scaleX(1.01209);
}
50% {
transform: rotate(0deg) rotateY(-26.13562deg) scaleX(1.11389);
}
58.33333% {
transform: rotate(0deg) rotateY(-6.51588deg) scaleX(1.0065);
}
66.66667% {
transform: rotate(0deg) rotateY(33.61333deg) scaleX(1.20078);
}
75% {
transform: rotate(0deg) rotateY(50.38483deg) scaleX(1.56831);
}
83.33333% {
transform: rotate(0deg) rotateY(46.90413deg) scaleX(1.46366);
}
91.66667% {
transform: rotate(0deg) rotateY(19.87736deg) scaleX(1.06335);
}
}
@keyframes y10 {
0% {
transform: rotate(90deg) rotateY(-56.74639deg) scaleX(1.82367);
}
8.33333% {
transform: rotate(90deg) rotateY(-38.97046deg) scaleX(1.28622);
}
16.66667% {
transform: rotate(90deg) rotateY(-7.08029deg) scaleX(1.00768);
}
25% {
transform: rotate(90deg) rotateY(-1.79241deg) scaleX(1.00049);
}
33.33333% {
transform: rotate(90deg) rotateY(-31.24126deg) scaleX(1.1696);
}
41.66667% {
transform: rotate(90deg) rotateY(-54.04651deg) scaleX(1.70321);
}
50% {
transform: rotate(90deg) rotateY(-59.73509deg) scaleX(1.98413);
}
58.33333% {
transform: rotate(90deg) rotateY(-53.20659deg) scaleX(1.66964);
}
66.66667% {
transform: rotate(90deg) rotateY(-29.1368deg) scaleX(1.14487);
}
75% {
transform: rotate(90deg) rotateY(-0.85679deg) scaleX(1.00011);
}
83.33333% {
transform: rotate(90deg) rotateY(-8.76388deg) scaleX(1.01181);
}
91.66667% {
transform: rotate(90deg) rotateY(-40.709deg) scaleX(1.31921);
}
}
.point:nth-child(11) {
transform: translate3d(0em, -2em, 0.67845em);
background: #feff66;
animation: h11 9s linear infinite;
}
.point:nth-child(11):before {
opacity: .99;
transform: rotate(0deg) rotateY(40.21599deg) scaleX(1.30956);
animation-name: x11;
}
.point:nth-child(11):after {
opacity: .99;
transform: rotate(90deg) rotateY(-34.14223deg) scaleX(1.20824);
animation-name: y11;
}
@keyframes h11 {
0% {
transform: translate3d(0em, -2em, 0.67845em);
background: #feff66;
}
8.33333% {
transform: translate3d(0em, -2em, -0.04149em);
background: #ffd666;
}
16.66667% {
transform: translate3d(0em, -2em, -0.90994em);
background: #ffa566;
}
25% {
transform: translate3d(0em, -2em, -1.21446em);
background: #ff9366;
}
33.33333% {
transform: translate3d(0em, -2em, -0.70523em);
background: #ffb066;
}
41.66667% {
transform: translate3d(0em, -2em, 0.2em);
background: #ffe466;
}
50% {
transform: translate3d(0em, -2em, 0.7586em);
background: #faff66;
}
58.33333% {
transform: translate3d(0em, -2em, 0.51233em);
background: #fff666;
}
66.66667% {
transform: translate3d(0em, -2em, -0.33679em);
background: #ffc566;
}
75% {
transform: translate3d(0em, -2em, -1.09216em);
background: #ff9a66;
}
83.33333% {
transform: translate3d(0em, -2em, -1.13412em);
background: #ff9866;
}
91.66667% {
transform: translate3d(0em, -2em, -0.42823em);
background: #ffc066;
}
}
@keyframes x11 {
0% {
transform: rotate(0deg) rotateY(40.21599deg) scaleX(1.30956);
}
8.33333% {
transform: rotate(0deg) rotateY(57.12604deg) scaleX(1.84232);
}
16.66667% {
transform: rotate(0deg) rotateY(59.13202deg) scaleX(1.94908);
}
25% {
transform: rotate(0deg) rotateY(48.25739deg) scaleX(1.50199);
}
33.33333% {
transform: rotate(0deg) rotateY(18.93294deg) scaleX(1.0572);
}
41.66667% {
transform: rotate(0deg) rotateY(-1.24234deg) scaleX(1.00024);
}
50% {
transform: rotate(0deg) rotateY(18.0126deg) scaleX(1.05154);
}
58.33333% {
transform: rotate(0deg) rotateY(47.72488deg) scaleX(1.48657);
}
66.66667% {
transform: rotate(0deg) rotateY(59.02774deg) scaleX(1.94317);
}
75% {
transform: rotate(0deg) rotateY(57.338deg) scaleX(1.85294);
}
83.33333% {
transform: rotate(0deg) rotateY(40.93405deg) scaleX(1.32369);
}
91.66667% {
transform: rotate(0deg) rotateY(8.99781deg) scaleX(1.01246);
}
}
@keyframes y11 {
0% {
transform: rotate(90deg) rotateY(-34.14223deg) scaleX(1.20824);
}
8.33333% {
transform: rotate(90deg) rotateY(1.27769deg) scaleX(1.00025);
}
16.66667% {
transform: rotate(90deg) rotateY(8.42883deg) scaleX(1.01092);
}
25% {
transform: rotate(90deg) rotateY(-21.99936deg) scaleX(1.07853);
}
33.33333% {
transform: rotate(90deg) rotateY(-49.76975deg) scaleX(1.54832);
}
41.66667% {
transform: rotate(90deg) rotateY(-57.11563deg) scaleX(1.84181);
}
50% {
transform: rotate(90deg) rotateY(-50.18612deg) scaleX(1.56178);
}
58.33333% {
transform: rotate(90deg) rotateY(-23.01499deg) scaleX(1.08648);
}
66.66667% {
transform: rotate(90deg) rotateY(8.04157deg) scaleX(1.00993);
}
75% {
transform: rotate(90deg) rotateY(2.00168deg) scaleX(1.00061);
}
83.33333% {
transform: rotate(90deg) rotateY(-33.27962deg) scaleX(1.19617);
}
91.66667% {
transform: rotate(90deg) rotateY(-53.80098deg) scaleX(1.69322);
}
}
.point:nth-child(12) {
transform: translate3d(1em, -2em, -0.67845em);
background: #ffb266;
animation: h12 9s linear infinite;
}
.point:nth-child(12):before {
opacity: .99;
transform: rotate(0deg) rotateY(53.61635deg) scaleX(1.6858);
animation-name: x12;
}
.point:nth-child(12):after {
opacity: .99;
transform: rotate(90deg) rotateY(34.14223deg) scaleX(1.20824);
animation-name: y12;
}
@keyframes h12 {
0% {
transform: translate3d(1em, -2em, -0.67845em);
background: #ffb266;
}
8.33333% {
transform: translate3d(1em, -2em, -1.55701em);
background: #ff7f66;
}
16.66667% {
transform: translate3d(1em, -2em, -1.89738em);
background: #ff6c66;
}
25% {
transform: translate3d(1em, -2em, -1.42033em);
background: #ff8766;
}
33.33333% {
transform: translate3d(1em, -2em, -0.51722em);
background: #ffbb66;
}
41.66667% {
transform: translate3d(1em, -2em, 0.07108em);
background: #ffdd66;
}
50% {
transform: translate3d(1em, -2em, -0.13805em);
background: #ffd166;
}
58.33333% {
transform: translate3d(1em, -2em, -0.97306em);
background: #ffa166;
}
66.66667% {
transform: translate3d(1em, -2em, -1.74892em);
background: #ff7466;
}
75% {
transform: translate3d(1em, -2em, -1.82916em);
background: #ff7066;
}
83.33333% {
transform: translate3d(1em, -2em, -1.14794em);
background: #ff9766;
}
91.66667% {
transform: translate3d(1em, -2em, -0.26412em);
background: #ffca66;
}
}
@keyframes x12 {
0% {
transform: rotate(0deg) rotateY(53.61635deg) scaleX(1.6858);
}
8.33333% {
transform: rotate(0deg) rotateY(56.59212deg) scaleX(1.81621);
}
16.66667% {
transform: rotate(0deg) rotateY(44.62103deg) scaleX(1.40495);
}
25% {
transform: rotate(0deg) rotateY(11.63183deg) scaleX(1.02097);
}
33.33333% {
transform: rotate(0deg) rotateY(-10.64694deg) scaleX(1.01752);
}
41.66667% {
transform: rotate(0deg) rotateY(7.34555deg) scaleX(1.00827);
}
50% {
transform: rotate(0deg) rotateY(41.87298deg) scaleX(1.34296);
}
58.33333% {
transform: rotate(0deg) rotateY(56.06257deg) scaleX(1.79119);
}
66.66667% {
transform: rotate(0deg) rotateY(54.70007deg) scaleX(1.73053);
}
75% {
transform: rotate(0deg) rotateY(36.38432deg) scaleX(1.24215);
}
83.33333% {
transform: rotate(0deg) rotateY(0.79192deg) scaleX(1.0001);
}
91.66667% {
transform: rotate(0deg) rotateY(-9.3195deg) scaleX(1.01338);
}
}
@keyframes y12 {
0% {
transform: rotate(90deg) rotateY(34.14223deg) scaleX(1.20824);
}
8.33333% {
transform: rotate(90deg) rotateY(39.91735deg) scaleX(1.30383);
}
16.66667% {
transform: rotate(90deg) rotateY(17.16072deg) scaleX(1.04659);
}
25% {
transform: rotate(90deg) rotateY(-25.28649deg) scaleX(1.10597);
}
33.33333% {
transform: rotate(90deg) rotateY(-40.88916deg) scaleX(1.32279);
}
41.66667% {
transform: rotate(90deg) rotateY(-28.78737deg) scaleX(1.14101);
}
50% {
transform: rotate(90deg) rotateY(12.30746deg) scaleX(1.02352);
}
58.33333% {
transform: rotate(90deg) rotateY(38.89029deg) scaleX(1.28477);
}
66.66667% {
transform: rotate(90deg) rotateY(36.26158deg) scaleX(1.24019);
}
75% {
transform: rotate(90deg) rotateY(3.34873deg) scaleX(1.00171);
}
83.33333% {
transform: rotate(90deg) rotateY(-33.59799deg) scaleX(1.20057);
}
91.66667% {
transform: rotate(90deg) rotateY(-40.10108deg) scaleX(1.30734);
}
}
.point:nth-child(13) {
transform: translate3d(2em, -2em, -1.52446em);
background: #ff8166;
animation: h13 9s linear infinite;
}
.point:nth-child(13):before {
opacity: .99;
transform: rotate(0deg) rotateY(40.21599deg) scaleX(1.30956);
animation-name: x13;
}
.point:nth-child(13):after {
opacity: .99;
transform: rotate(90deg) rotateY(56.74639deg) scaleX(1.82367);
animation-name: y13;
}
@keyframes h13 {
0% {
transform: translate3d(2em, -2em, -1.52446em);
background: #ff8166;
}
8.33333% {
transform: translate3d(2em, -2em, -1.90007em);
background: #ff6c66;
}
16.66667% {
transform: translate3d(2em, -2em, -1.45606em);
background: #ff8566;
}
25% {
transform: translate3d(2em, -2em, -0.55667em);
background: #ffb966;
}
33.33333% {
transform: translate3d(2em, -2em, 0.06027em);
background: #ffdc66;
}
41.66667% {
transform: translate3d(2em, -2em, -0.11136em);
background: #ffd266;
}
50% {
transform: translate3d(2em, -2em, -0.93075em);
background: #ffa366;
}
58.33333% {
transform: translate3d(2em, -2em, -1.72571em);
background: #ff7666;
}
66.66667% {
transform: translate3d(2em, -2em, -1.84408em);
background: #ff6f66;
}
75% {
transform: translate3d(2em, -2em, -1.18876em);
background: #ff9566;
}
83.33333% {
transform: translate3d(2em, -2em, -0.29734em);
background: #ffc866;
}
91.66667% {
transform: translate3d(2em, -2em, 0.09888em);
background: #ffde66;
}
}
@keyframes x13 {
0% {
transform: rotate(0deg) rotateY(40.21599deg) scaleX(1.30956);
}
8.33333% {
transform: rotate(0deg) rotateY(18.93402deg) scaleX(1.0572);
}
16.66667% {
transform: rotate(0deg) rotateY(-23.80798deg) scaleX(1.09301);
}
25% {
transform: rotate(0deg) rotateY(-40.79795deg) scaleX(1.32097);
}
33.33333% {
transform: rotate(0deg) rotateY(-30.00157deg) scaleX(1.15472);
}
41.66667% {
transform: rotate(0deg) rotateY(10.33856deg) scaleX(1.0165);
}
50% {
transform: rotate(0deg) rotateY(38.39401deg) scaleX(1.2759);
}
58.33333% {
transform: rotate(0deg) rotateY(36.96047deg) scaleX(1.25149);
}
66.66667% {
transform: rotate(0deg) rotateY(5.42784deg) scaleX(1.0045);
}
75% {
transform: rotate(0deg) rotateY(-32.62688deg) scaleX(1.18737);
}
83.33333% {
transform: rotate(0deg) rotateY(-40.3683deg) scaleX(1.31251);
}
91.66667% {
transform: rotate(0deg) rotateY(-19.9494deg) scaleX(1.06384);
}
}
@keyframes y13 {
0% {
transform: rotate(90deg) rotateY(56.74639deg) scaleX(1.82367);
}
8.33333% {
transform: rotate(90deg) rotateY(45.62552deg) scaleX(1.42991);
}
16.66667% {
transform: rotate(90deg) rotateY(13.33692deg) scaleX(1.02772);
}
25% {
transform: rotate(90deg) rotateY(-10.49223deg) scaleX(1.017);
}
33.33333% {
transform: rotate(90deg) rotateY(5.75554deg) scaleX(1.00507);
}
41.66667% {
transform: rotate(90deg) rotateY(40.70719deg) scaleX(1.31917);
}
50% {
transform: rotate(90deg) rotateY(55.80718deg) scaleX(1.77942);
}
58.33333% {
transform: rotate(90deg) rotateY(55.07093deg) scaleX(1.74654);
}
66.66667% {
transform: rotate(90deg) rotateY(37.7177deg) scaleX(1.26417);
}
75% {
transform: rotate(90deg) rotateY(2.17847deg) scaleX(1.00072);
}
83.33333% {
transform: rotate(90deg) rotateY(-9.76722deg) scaleX(1.01471);
}
91.66667% {
transform: rotate(90deg) rotateY(17.49657deg) scaleX(1.04851);
}
}
.point:nth-child(14) {
transform: translate3d(3em, -2em, -1.22252em);
background: #ff9366;
animation: h14 9s linear infinite;
}
.point:nth-child(14):before {
opacity: .99;
transform: rotate(0deg) rotateY(-16.79192deg) scaleX(1.04454);
animation-name: x14;
}
.point:nth-child(14):after {
opacity: .99;
transform: rotate(90deg) rotateY(50.72974deg) scaleX(1.57983);
animation-name: y14;
}
@keyframes h14 {
0% {
transform: translate3d(3em, -2em, -1.22252em);
background: #ff9366;
}
8.33333% {
transform: translate3d(3em, -2em, -0.81234em);
background: #ffaa66;
}
16.66667% {
transform: translate3d(3em, -2em, 0.08171em);
background: #ffdd66;
}
25% {
transform: translate3d(3em, -2em, 0.72618em);
background: #fcff66;
}
33.33333% {
transform: translate3d(3em, -2em, 0.59237em);
background: #fffb66;
}
41.66667% {
transform: translate3d(3em, -2em, -0.20994em);
background: #ffcd66;
}
50% {
transform: translate3d(3em, -2em, -1.02257em);
background: #ff9e66;
}
58.33333% {
transform: translate3d(3em, -2em, -1.17887em);
background: #ff9566;
}
66.66667% {
transform: translate3d(3em, -2em, -0.55061em);
background: #ffb966;
}
75% {
transform: translate3d(3em, -2em, 0.3468em);
background: #ffed66;
}
83.33333% {
transform: translate3d(3em, -2em, 0.77716em);
background: #f9ff66;
}
91.66667% {
transform: translate3d(3em, -2em, 0.38742em);
background: #ffef66;
}
}
@keyframes x14 {
0% {
transform: rotate(0deg) rotateY(-16.79192deg) scaleX(1.04454);
}
8.33333% {
transform: rotate(0deg) rotateY(-47.41624deg) scaleX(1.47783);
}
16.66667% {
transform: rotate(0deg) rotateY(-56.97379deg) scaleX(1.83479);
}
25% {
transform: rotate(0deg) rotateY(-52.07163deg) scaleX(1.62687);
}
33.33333% {
transform: rotate(0deg) rotateY(-28.01516deg) scaleX(1.13273);
}
41.66667% {
transform: rotate(0deg) rotateY(5.62133deg) scaleX(1.00483);
}
50% {
transform: rotate(0deg) rotateY(5.23904deg) scaleX(1.0042);
}
58.33333% {
transform: rotate(0deg) rotateY(-28.66886deg) scaleX(1.13972);
}
66.66667% {
transform: rotate(0deg) rotateY(-52.30006deg) scaleX(1.63525);
}
75% {
transform: rotate(0deg) rotateY(-56.93628deg) scaleX(1.83294);
}
83.33333% {
transform: rotate(0deg) rotateY(-47.06774deg) scaleX(1.46814);
}
91.66667% {
transform: rotate(0deg) rotateY(-16.08754deg) scaleX(1.04076);
}
}
@keyframes y14 {
0% {
transform: rotate(90deg) rotateY(50.72974deg) scaleX(1.57983);
}
8.33333% {
transform: rotate(90deg) rotateY(23.58744deg) scaleX(1.09117);
}
16.66667% {
transform: rotate(90deg) rotateY(-0.76233deg) scaleX(1.00009);
}
25% {
transform: rotate(90deg) rotateY(13.57991deg) scaleX(1.02876);
}
33.33333% {
transform: rotate(90deg) rotateY(44.76264deg) scaleX(1.40839);
}
41.66667% {
transform: rotate(90deg) rotateY(58.36829deg) scaleX(1.90673);
}
50% {
transform: rotate(90deg) rotateY(58.26154deg) scaleX(1.90099);
}
58.33333% {
transform: rotate(90deg) rotateY(44.33577deg) scaleX(1.3981);
}
66.66667% {
transform: rotate(90deg) rotateY(13.0039deg) scaleX(1.02632);
}
75% {
transform: rotate(90deg) rotateY(-0.63595deg) scaleX(1.00006);
}
83.33333% {
transform: rotate(90deg) rotateY(24.21993deg) scaleX(1.09652);
}
91.66667% {
transform: rotate(90deg) rotateY(51.03455deg) scaleX(1.5902);
}
}
.point:nth-child(15) {
transform: translate3d(-3em, -1em, 0em);
background: #ffd966;
animation: h15 9s linear infinite;
}
.point:nth-child(15):after {
opacity: .99;
transform: rotate(90deg) rotateY(0deg) scaleX(1);
animation-name: y15;
}
@keyframes h15 {
0% {
transform: translate3d(-3em, -1em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(-3em, -1em, 0.69602em);
background: #fdff66;
}
16.66667% {
transform: translate3d(-3em, -1em, 0.6385em);
background: #fffd66;
}
25% {
transform: translate3d(-3em, -1em, -0.12537em);
background: #ffd266;
}
33.33333% {
transform: translate3d(-3em, -1em, -0.96893em);
background: #ffa166;
}
41.66667% {
transform: translate3d(-3em, -1em, -1.20017em);
background: #ff9466;
}
50% {
transform: translate3d(-3em, -1em, -0.62938em);
background: #ffb566;
}
58.33333% {
transform: translate3d(-3em, -1em, 0.27518em);
background: #ffe966;
}
66.66667% {
transform: translate3d(-3em, -1em, 0.77145em);
background: #f9ff66;
}
75% {
transform: translate3d(-3em, -1em, 0.4523em);
background: #fff366;
}
83.33333% {
transform: translate3d(-3em, -1em, -0.42045em);
background: #ffc166;
}
91.66667% {
transform: translate3d(-3em, -1em, -1.13082em);
background: #ff9866;
}
}
@keyframes x15 {
0% {
transform: rotate(0deg) rotateY(-56.74639deg) scaleX(1.82367);
}
8.33333% {
transform: rotate(0deg) rotateY(-53.13741deg) scaleX(1.66695);
}
16.66667% {
transform: rotate(0deg) rotateY(-31.16859deg) scaleX(1.1687);
}
25% {
transform: rotate(0deg) rotateY(3.60853deg) scaleX(1.00199);
}
33.33333% {
transform: rotate(0deg) rotateY(7.00525deg) scaleX(1.00752);
}
41.66667% {
transform: rotate(0deg) rotateY(-25.38712deg) scaleX(1.10689);
}
50% {
transform: rotate(0deg) rotateY(-51.11439deg) scaleX(1.59295);
}
58.33333% {
transform: rotate(0deg) rotateY(-57.07869deg) scaleX(1.83997);
}
66.66667% {
transform: rotate(0deg) rotateY(-48.71066deg) scaleX(1.51547);
}
75% {
transform: rotate(0deg) rotateY(-19.57123deg) scaleX(1.06132);
}
83.33333% {
transform: rotate(0deg) rotateY(9.22598deg) scaleX(1.01311);
}
91.66667% {
transform: rotate(0deg) rotateY(-0.5392deg) scaleX(1.00004);
}
}
@keyframes y15 {
0% {
transform: rotate(90deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(90deg) rotateY(10.81697deg) scaleX(1.01809);
}
16.66667% {
transform: rotate(90deg) rotateY(42.58697deg) scaleX(1.35823);
}
25% {
transform: rotate(90deg) rotateY(57.80102deg) scaleX(1.87666);
}
33.33333% {
transform: rotate(90deg) rotateY(58.74652deg) scaleX(1.92743);
}
41.66667% {
transform: rotate(90deg) rotateY(46.4029deg) scaleX(1.45015);
}
50% {
transform: rotate(90deg) rotateY(15.90062deg) scaleX(1.03978);
}
58.33333% {
transform: rotate(90deg) rotateY(-1.117deg) scaleX(1.00019);
}
66.66667% {
transform: rotate(90deg) rotateY(21.10606deg) scaleX(1.07191);
}
75% {
transform: rotate(90deg) rotateY(49.47004deg) scaleX(1.53883);
}
83.33333% {
transform: rotate(90deg) rotateY(59.34539deg) scaleX(1.96132);
}
91.66667% {
transform: rotate(90deg) rotateY(56.5839deg) scaleX(1.81582);
}
}
.point:nth-child(16) {
transform: translate3d(-2em, -1em, 1.52446em);
background: #ceff66;
animation: h16 9s linear infinite;
}
.point:nth-child(16):before {
opacity: .99;
transform: rotate(0deg) rotateY(-56.74639deg) scaleX(1.82367);
animation-name: x16;
}
.point:nth-child(16):after {
opacity: .99;
transform: rotate(90deg) rotateY(-16.79192deg) scaleX(1.04454);
animation-name: y16;
}
@keyframes h16 {
0% {
transform: translate3d(-2em, -1em, 1.52446em);
background: #ceff66;
}
8.33333% {
transform: translate3d(-2em, -1em, 1.50527em);
background: #cfff66;
}
16.66667% {
transform: translate3d(-2em, -1em, 0.76271em);
background: #f9ff66;
}
25% {
transform: translate3d(-2em, -1em, -0.09407em);
background: #ffd366;
}
33.33333% {
transform: translate3d(-2em, -1em, -0.36219em);
background: #ffc466;
}
41.66667% {
transform: translate3d(-2em, -1em, 0.17831em);
background: #ffe366;
}
50% {
transform: translate3d(-2em, -1em, 1.08401em);
background: #e7ff66;
}
58.33333% {
transform: translate3d(-2em, -1em, 1.61192em);
background: #c9ff66;
}
66.66667% {
transform: translate3d(-2em, -1em, 1.32896em);
background: #d9ff66;
}
75% {
transform: translate3d(-2em, -1em, 0.46725em);
background: #fff466;
}
83.33333% {
transform: translate3d(-2em, -1em, -0.26628em);
background: #ffc966;
}
91.66667% {
transform: translate3d(-2em, -1em, -0.26988em);
background: #ffc966;
}
}
@keyframes x16 {
0% {
transform: rotate(0deg) rotateY(-56.74639deg) scaleX(1.82367);
}
8.33333% {
transform: rotate(0deg) rotateY(-38.97046deg) scaleX(1.28622);
}
16.66667% {
transform: rotate(0deg) rotateY(-7.08029deg) scaleX(1.00768);
}
25% {
transform: rotate(0deg) rotateY(-1.79241deg) scaleX(1.00049);
}
33.33333% {
transform: rotate(0deg) rotateY(-31.24126deg) scaleX(1.1696);
}
41.66667% {
transform: rotate(0deg) rotateY(-54.04651deg) scaleX(1.70321);
}
50% {
transform: rotate(0deg) rotateY(-59.73509deg) scaleX(1.98413);
}
58.33333% {
transform: rotate(0deg) rotateY(-53.20659deg) scaleX(1.66964);
}
66.66667% {
transform: rotate(0deg) rotateY(-29.1368deg) scaleX(1.14487);
}
75% {
transform: rotate(0deg) rotateY(-0.85679deg) scaleX(1.00011);
}
83.33333% {
transform: rotate(0deg) rotateY(-8.76388deg) scaleX(1.01181);
}
91.66667% {
transform: rotate(0deg) rotateY(-40.709deg) scaleX(1.31921);
}
}
@keyframes y16 {
0% {
transform: rotate(90deg) rotateY(-16.79192deg) scaleX(1.04454);
}
8.33333% {
transform: rotate(90deg) rotateY(22.45006deg) scaleX(1.082);
}
16.66667% {
transform: rotate(90deg) rotateY(47.69171deg) scaleX(1.48562);
}
25% {
transform: rotate(90deg) rotateY(50.00218deg) scaleX(1.55579);
}
33.33333% {
transform: rotate(90deg) rotateY(31.61709deg) scaleX(1.1743);
}
41.66667% {
transform: rotate(90deg) rotateY(-8.86397deg) scaleX(1.01209);
}
50% {
transform: rotate(90deg) rotateY(-26.13562deg) scaleX(1.11389);
}
58.33333% {
transform: rotate(90deg) rotateY(-6.51588deg) scaleX(1.0065);
}
66.66667% {
transform: rotate(90deg) rotateY(33.61333deg) scaleX(1.20078);
}
75% {
transform: rotate(90deg) rotateY(50.38483deg) scaleX(1.56831);
}
83.33333% {
transform: rotate(90deg) rotateY(46.90413deg) scaleX(1.46366);
}
91.66667% {
transform: rotate(90deg) rotateY(19.87736deg) scaleX(1.06335);
}
}
.point:nth-child(17) {
transform: translate3d(-1em, -1em, 1.90097em);
background: #b8ff66;
animation: h17 9s linear infinite;
}
.point:nth-child(17):before {
opacity: .99;
transform: rotate(0deg) rotateY(-20.62998deg) scaleX(1.06852);
animation-name: x17;
}
.point:nth-child(17):after {
opacity: .99;
transform: rotate(90deg) rotateY(-20.62998deg) scaleX(1.06852);
animation-name: y17;
}
@keyframes h17 {
0% {
transform: translate3d(-1em, -1em, 1.90097em);
background: #b8ff66;
}
8.33333% {
transform: translate3d(-1em, -1em, 1.18103em);
background: #e1ff66;
}
16.66667% {
transform: translate3d(-1em, -1em, 0.31258em);
background: #ffeb66;
}
25% {
transform: translate3d(-1em, -1em, 0.00807em);
background: #ffd966;
}
33.33333% {
transform: translate3d(-1em, -1em, 0.5173em);
background: #fff666;
}
41.66667% {
transform: translate3d(-1em, -1em, 1.42252em);
background: #d4ff66;
}
50% {
transform: translate3d(-1em, -1em, 1.98112em);
background: #b4ff66;
}
58.33333% {
transform: translate3d(-1em, -1em, 1.73485em);
background: #c2ff66;
}
66.66667% {
transform: translate3d(-1em, -1em, 0.88573em);
background: #f2ff66;
}
75% {
transform: translate3d(-1em, -1em, 0.13036em);
background: #ffe066;
}
83.33333% {
transform: translate3d(-1em, -1em, 0.0884em);
background: #ffde66;
}
91.66667% {
transform: translate3d(-1em, -1em, 0.79429em);
background: #f8ff66;
}
}
@keyframes x17 {
0% {
transform: rotate(0deg) rotateY(-20.62998deg) scaleX(1.06852);
}
8.33333% {
transform: rotate(0deg) rotateY(17.95221deg) scaleX(1.05118);
}
16.66667% {
transform: rotate(0deg) rotateY(24.22799deg) scaleX(1.09659);
}
25% {
transform: rotate(0deg) rotateY(-5.82162deg) scaleX(1.00518);
}
33.33333% {
transform: rotate(0deg) rotateY(-41.32402deg) scaleX(1.33158);
}
41.66667% {
transform: rotate(0deg) rotateY(-51.22116deg) scaleX(1.59664);
}
50% {
transform: rotate(0deg) rotateY(-41.88734deg) scaleX(1.34326);
}
58.33333% {
transform: rotate(0deg) rotateY(-7.00799deg) scaleX(1.00753);
}
66.66667% {
transform: rotate(0deg) rotateY(23.89884deg) scaleX(1.09378);
}
75% {
transform: rotate(0deg) rotateY(18.61748deg) scaleX(1.05522);
}
83.33333% {
transform: rotate(0deg) rotateY(-19.52749deg) scaleX(1.06103);
}
91.66667% {
transform: rotate(0deg) rotateY(-46.79231deg) scaleX(1.46061);
}
}
@keyframes y17 {
0% {
transform: rotate(90deg) rotateY(-20.62998deg) scaleX(1.06852);
}
8.33333% {
transform: rotate(90deg) rotateY(17.95221deg) scaleX(1.05118);
}
16.66667% {
transform: rotate(90deg) rotateY(24.22799deg) scaleX(1.09659);
}
25% {
transform: rotate(90deg) rotateY(-5.82162deg) scaleX(1.00518);
}
33.33333% {
transform: rotate(90deg) rotateY(-41.32402deg) scaleX(1.33158);
}
41.66667% {
transform: rotate(90deg) rotateY(-51.22116deg) scaleX(1.59664);
}
50% {
transform: rotate(90deg) rotateY(-41.88734deg) scaleX(1.34326);
}
58.33333% {
transform: rotate(90deg) rotateY(-7.00799deg) scaleX(1.00753);
}
66.66667% {
transform: rotate(90deg) rotateY(23.89884deg) scaleX(1.09378);
}
75% {
transform: rotate(90deg) rotateY(18.61748deg) scaleX(1.05522);
}
83.33333% {
transform: rotate(90deg) rotateY(-19.52749deg) scaleX(1.06103);
}
91.66667% {
transform: rotate(90deg) rotateY(-46.79231deg) scaleX(1.46061);
}
}
.point:nth-child(18) {
transform: translate3d(0em, -1em, 0.84601em);
background: #f5ff66;
animation: h18 9s linear infinite;
}
.point:nth-child(18):before {
opacity: .99;
transform: rotate(0deg) rotateY(46.5445deg) scaleX(1.45393);
animation-name: x18;
}
.point:nth-child(18):after {
opacity: .99;
transform: rotate(90deg) rotateY(-9.51173deg) scaleX(1.01394);
animation-name: y18;
}
@keyframes h18 {
0% {
transform: translate3d(0em, -1em, 0.84601em);
background: #f5ff66;
}
8.33333% {
transform: translate3d(0em, -1em, -0.03255em);
background: #ffd766;
}
16.66667% {
transform: translate3d(0em, -1em, -0.37292em);
background: #ffc366;
}
25% {
transform: translate3d(0em, -1em, 0.10413em);
background: #ffdf66;
}
33.33333% {
transform: translate3d(0em, -1em, 1.00724em);
background: #ebff66;
}
41.66667% {
transform: translate3d(0em, -1em, 1.59554em);
background: #caff66;
}
50% {
transform: translate3d(0em, -1em, 1.38641em);
background: #d6ff66;
}
58.33333% {
transform: translate3d(0em, -1em, 0.5514em);
background: #fff866;
}
66.66667% {
transform: translate3d(0em, -1em, -0.22446em);
background: #ffcc66;
}
75% {
transform: translate3d(0em, -1em, -0.3047em);
background: #ffc766;
}
83.33333% {
transform: translate3d(0em, -1em, 0.37652em);
background: #ffee66;
}
91.66667% {
transform: translate3d(0em, -1em, 1.26034em);
background: #ddff66;
}
}
@keyframes x18 {
0% {
transform: rotate(0deg) rotateY(46.5445deg) scaleX(1.45393);
}
8.33333% {
transform: rotate(0deg) rotateY(50.52423deg) scaleX(1.57294);
}
16.66667% {
transform: rotate(0deg) rotateY(34.41733deg) scaleX(1.21221);
}
25% {
transform: rotate(0deg) rotateY(-5.4787deg) scaleX(1.00459);
}
33.33333% {
transform: rotate(0deg) rotateY(-26.09303deg) scaleX(1.11349);
}
41.66667% {
transform: rotate(0deg) rotateY(-9.81573deg) scaleX(1.01486);
}
50% {
transform: rotate(0deg) rotateY(30.73554deg) scaleX(1.16342);
}
58.33333% {
transform: rotate(0deg) rotateY(49.81807deg) scaleX(1.54987);
}
66.66667% {
transform: rotate(0deg) rotateY(47.99785deg) scaleX(1.49441);
}
75% {
transform: rotate(0deg) rotateY(23.50715deg) scaleX(1.0905);
}
83.33333% {
transform: rotate(0deg) rotateY(-16.06514deg) scaleX(1.04064);
}
91.66667% {
transform: rotate(0deg) rotateY(-24.98098deg) scaleX(1.10321);
}
}
@keyframes y18 {
0% {
transform: rotate(90deg) rotateY(-9.51173deg) scaleX(1.01394);
}
8.33333% {
transform: rotate(90deg) rotateY(-0.51203deg) scaleX(1.00004);
}
16.66667% {
transform: rotate(90deg) rotateY(-28.23401deg) scaleX(1.13504);
}
25% {
transform: rotate(90deg) rotateY(-52.83073deg) scaleX(1.65516);
}
33.33333% {
transform: rotate(90deg) rotateY(-59.72164deg) scaleX(1.98333);
}
41.66667% {
transform: rotate(90deg) rotateY(-54.38048deg) scaleX(1.71703);
}
50% {
transform: rotate(90deg) rotateY(-32.11325deg) scaleX(1.18064);
}
58.33333% {
transform: rotate(90deg) rotateY(-2.23691deg) scaleX(1.00076);
}
66.66667% {
transform: rotate(90deg) rotateY(-6.40866deg) scaleX(1.00629);
}
75% {
transform: rotate(90deg) rotateY(-38.20985deg) scaleX(1.27267);
}
83.33333% {
transform: rotate(90deg) rotateY(-56.50724deg) scaleX(1.81215);
}
91.66667% {
transform: rotate(90deg) rotateY(-59.37031deg) scaleX(1.96276);
}
}
.point:nth-child(19) {
transform: translate3d(1em, -1em, -0.84601em);
background: #ffa866;
animation: h19 9s linear infinite;
}
.point:nth-child(19):before {
opacity: .99;
transform: rotate(0deg) rotateY(59.42146deg) scaleX(1.96572);
animation-name: x19;
}
.point:nth-child(19):after {
opacity: .99;
transform: rotate(90deg) rotateY(9.51173deg) scaleX(1.01394);
animation-name: y19;
}
@keyframes h19 {
0% {
transform: translate3d(1em, -1em, -0.84601em);
background: #ffa866;
}
8.33333% {
transform: translate3d(1em, -1em, -1.22162em);
background: #ff9366;
}
16.66667% {
transform: translate3d(1em, -1em, -0.77761em);
background: #ffac66;
}
25% {
transform: translate3d(1em, -1em, 0.12178em);
background: #ffe066;
}
33.33333% {
transform: translate3d(1em, -1em, 0.73872em);
background: #fbff66;
}
41.66667% {
transform: translate3d(1em, -1em, 0.56709em);
background: #fff966;
}
50% {
transform: translate3d(1em, -1em, -0.2523em);
background: #ffca66;
}
58.33333% {
transform: translate3d(1em, -1em, -1.04726em);
background: #ff9d66;
}
66.66667% {
transform: translate3d(1em, -1em, -1.16564em);
background: #ff9666;
}
75% {
transform: translate3d(1em, -1em, -0.51031em);
background: #ffbb66;
}
83.33333% {
transform: translate3d(1em, -1em, 0.38111em);
background: #ffef66;
}
91.66667% {
transform: translate3d(1em, -1em, 0.77733em);
background: #f9ff66;
}
}
@keyframes x19 {
0% {
transform: rotate(0deg) rotateY(59.42146deg) scaleX(1.96572);
}
8.33333% {
transform: rotate(0deg) rotateY(49.95137deg) scaleX(1.55415);
}
16.66667% {
transform: rotate(0deg) rotateY(22.02957deg) scaleX(1.07876);
}
25% {
transform: rotate(0deg) rotateY(-1.01121deg) scaleX(1.00016);
}
33.33333% {
transform: rotate(0deg) rotateY(15.02561deg) scaleX(1.0354);
}
41.66667% {
transform: rotate(0deg) rotateY(45.81875deg) scaleX(1.43486);
}
50% {
transform: rotate(0deg) rotateY(58.6131deg) scaleX(1.92007);
}
58.33333% {
transform: rotate(0deg) rotateY(57.98044deg) scaleX(1.88605);
}
66.66667% {
transform: rotate(0deg) rotateY(43.25229deg) scaleX(1.37298);
}
75% {
transform: rotate(0deg) rotateY(11.6173deg) scaleX(1.02091);
}
83.33333% {
transform: rotate(0deg) rotateY(-0.26293deg) scaleX(1.00001);
}
91.66667% {
transform: rotate(0deg) rotateY(25.77238deg) scaleX(1.11046);
}
}
@keyframes y19 {
0% {
transform: rotate(90deg) rotateY(9.51173deg) scaleX(1.01394);
}
8.33333% {
transform: rotate(90deg) rotateY(-18.53991deg) scaleX(1.05474);
}
16.66667% {
transform: rotate(90deg) rotateY(-48.24182deg) scaleX(1.50153);
}
25% {
transform: rotate(90deg) rotateY(-57.04746deg) scaleX(1.83842);
}
33.33333% {
transform: rotate(90deg) rotateY(-51.48256deg) scaleX(1.60577);
}
41.66667% {
transform: rotate(90deg) rotateY(-26.37161deg) scaleX(1.11616);
}
50% {
transform: rotate(90deg) rotateY(6.51771deg) scaleX(1.00651);
}
58.33333% {
transform: rotate(90deg) rotateY(4.2401deg) scaleX(1.00274);
}
66.66667% {
transform: rotate(90deg) rotateY(-30.24994deg) scaleX(1.15763);
}
75% {
transform: rotate(90deg) rotateY(-52.83625deg) scaleX(1.65537);
}
83.33333% {
transform: rotate(90deg) rotateY(-56.82513deg) scaleX(1.8275);
}
91.66667% {
transform: rotate(90deg) rotateY(-46.17694deg) scaleX(1.44418);
}
}
.point:nth-child(20) {
transform: translate3d(2em, -1em, -1.90097em);
background: #ff6c66;
animation: h20 9s linear infinite;
}
.point:nth-child(20):before {
opacity: .99;
transform: rotate(0deg) rotateY(46.5445deg) scaleX(1.45393);
animation-name: x20;
}
.point:nth-child(20):after {
opacity: .99;
transform: rotate(90deg) rotateY(20.62998deg) scaleX(1.06852);
animation-name: y20;
}
@keyframes h20 {
0% {
transform: translate3d(2em, -1em, -1.90097em);
background: #ff6c66;
}
8.33333% {
transform: translate3d(2em, -1em, -1.49079em);
background: #ff8366;
}
16.66667% {
transform: translate3d(2em, -1em, -0.59674em);
background: #ffb766;
}
25% {
transform: translate3d(2em, -1em, 0.04773em);
background: #ffdb66;
}
33.33333% {
transform: translate3d(2em, -1em, -0.08608em);
background: #ffd466;
}
41.66667% {
transform: translate3d(2em, -1em, -0.88839em);
background: #ffa666;
}
50% {
transform: translate3d(2em, -1em, -1.70102em);
background: #ff7766;
}
58.33333% {
transform: translate3d(2em, -1em, -1.85732em);
background: #ff6e66;
}
66.66667% {
transform: translate3d(2em, -1em, -1.22906em);
background: #ff9266;
}
75% {
transform: translate3d(2em, -1em, -0.33165em);
background: #ffc666;
}
83.33333% {
transform: translate3d(2em, -1em, 0.09871em);
background: #ffde66;
}
91.66667% {
transform: translate3d(2em, -1em, -0.29103em);
background: #ffc866;
}
}
@keyframes x20 {
0% {
transform: rotate(0deg) rotateY(46.5445deg) scaleX(1.45393);
}
8.33333% {
transform: rotate(0deg) rotateY(15.05959deg) scaleX(1.03557);
}
16.66667% {
transform: rotate(0deg) rotateY(-10.25142deg) scaleX(1.01622);
}
25% {
transform: rotate(0deg) rotateY(4.23117deg) scaleX(1.00273);
}
33.33333% {
transform: rotate(0deg) rotateY(39.50261deg) scaleX(1.29602);
}
41.66667% {
transform: rotate(0deg) rotateY(55.52241deg) scaleX(1.76652);
}
50% {
transform: rotate(0deg) rotateY(55.39818deg) scaleX(1.76097);
}
58.33333% {
transform: rotate(0deg) rotateY(38.99789deg) scaleX(1.28672);
}
66.66667% {
transform: rotate(0deg) rotateY(3.62665deg) scaleX(1.00201);
}
75% {
transform: rotate(0deg) rotateY(-10.12902deg) scaleX(1.01583);
}
83.33333% {
transform: rotate(0deg) rotateY(15.7626deg) scaleX(1.03907);
}
91.66667% {
transform: rotate(0deg) rotateY(46.90427deg) scaleX(1.46366);
}
}
@keyframes y20 {
0% {
transform: rotate(90deg) rotateY(20.62998deg) scaleX(1.06852);
}
8.33333% {
transform: rotate(90deg) rotateY(-22.25534deg) scaleX(1.08049);
}
16.66667% {
transform: rotate(90deg) rotateY(-40.65565deg) scaleX(1.31815);
}
25% {
transform: rotate(90deg) rotateY(-31.14291deg) scaleX(1.16839);
}
33.33333% {
transform: rotate(90deg) rotateY(8.32569deg) scaleX(1.01065);
}
41.66667% {
transform: rotate(90deg) rotateY(37.83998deg) scaleX(1.26626);
}
50% {
transform: rotate(90deg) rotateY(37.5981deg) scaleX(1.26213);
}
58.33333% {
transform: rotate(90deg) rotateY(7.49722deg) scaleX(1.00862);
}
66.66667% {
transform: rotate(90deg) rotateY(-31.586deg) scaleX(1.17391);
}
75% {
transform: rotate(90deg) rotateY(-40.58317deg) scaleX(1.31672);
}
83.33333% {
transform: rotate(90deg) rotateY(-21.60374deg) scaleX(1.07556);
}
91.66667% {
transform: rotate(90deg) rotateY(21.2989deg) scaleX(1.07331);
}
}
.point:nth-child(21) {
transform: translate3d(3em, -1em, -1.52446em);
background: #ff8166;
animation: h21 9s linear infinite;
}
.point:nth-child(21):before {
opacity: .99;
transform: rotate(0deg) rotateY(-20.62998deg) scaleX(1.06852);
animation-name: x21;
}
.point:nth-child(21):after {
opacity: .99;
transform: rotate(90deg) rotateY(16.79192deg) scaleX(1.04454);
animation-name: y21;
}
@keyframes h21 {
0% {
transform: translate3d(3em, -1em, -1.52446em);
background: #ff8166;
}
8.33333% {
transform: translate3d(3em, -1em, -0.63736em);
background: #ffb466;
}
16.66667% {
transform: translate3d(3em, -1em, 0.03349em);
background: #ffdb66;
}
25% {
transform: translate3d(3em, -1em, -0.06226em);
background: #ffd566;
}
33.33333% {
transform: translate3d(3em, -1em, -0.84605em);
background: #ffa866;
}
41.66667% {
transform: translate3d(3em, -1em, -1.6749em);
background: #ff7966;
}
50% {
transform: translate3d(3em, -1em, -1.86884em);
background: #ff6e66;
}
58.33333% {
transform: translate3d(3em, -1em, -1.26877em);
background: #ff9066;
}
66.66667% {
transform: translate3d(3em, -1em, -0.36698em);
background: #ffc466;
}
75% {
transform: translate3d(3em, -1em, 0.09675em);
background: #ffde66;
}
83.33333% {
transform: translate3d(3em, -1em, -0.25801em);
background: #ffca66;
}
91.66667% {
transform: translate3d(3em, -1em, -1.14023em);
background: #ff9766;
}
}
@keyframes x21 {
0% {
transform: rotate(0deg) rotateY(-20.62998deg) scaleX(1.06852);
}
8.33333% {
transform: rotate(0deg) rotateY(-40.46186deg) scaleX(1.31434);
}
16.66667% {
transform: rotate(0deg) rotateY(-32.21254deg) scaleX(1.18193);
}
25% {
transform: rotate(0deg) rotateY(6.26423deg) scaleX(1.00601);
}
33.33333% {
transform: rotate(0deg) rotateY(37.2268deg) scaleX(1.25589);
}
41.66667% {
transform: rotate(0deg) rotateY(38.17599deg) scaleX(1.27208);
}
50% {
transform: rotate(0deg) rotateY(9.52575deg) scaleX(1.01398);
}
58.33333% {
transform: rotate(0deg) rotateY(-30.47394deg) scaleX(1.16028);
}
66.66667% {
transform: rotate(0deg) rotateY(-40.74633deg) scaleX(1.31995);
}
75% {
transform: rotate(0deg) rotateY(-23.18613deg) scaleX(1.08787);
}
83.33333% {
transform: rotate(0deg) rotateY(19.63132deg) scaleX(1.06171);
}
91.66667% {
transform: rotate(0deg) rotateY(40.32219deg) scaleX(1.31162);
}
}
@keyframes y21 {
0% {
transform: rotate(90deg) rotateY(16.79192deg) scaleX(1.04454);
}
8.33333% {
transform: rotate(90deg) rotateY(-9.92456deg) scaleX(1.01519);
}
16.66667% {
transform: rotate(90deg) rotateY(2.75966deg) scaleX(1.00116);
}
25% {
transform: rotate(90deg) rotateY(38.2442deg) scaleX(1.27327);
}
33.33333% {
transform: rotate(90deg) rotateY(55.20758deg) scaleX(1.75253);
}
41.66667% {
transform: rotate(90deg) rotateY(55.69508deg) scaleX(1.77432);
}
50% {
transform: rotate(90deg) rotateY(40.22436deg) scaleX(1.30972);
}
58.33333% {
transform: rotate(90deg) rotateY(5.13036deg) scaleX(1.00402);
}
66.66667% {
transform: rotate(90deg) rotateY(-10.40478deg) scaleX(1.01672);
}
75% {
transform: rotate(90deg) rotateY(14.03504deg) scaleX(1.03077);
}
83.33333% {
transform: rotate(90deg) rotateY(46.0046deg) scaleX(1.43968);
}
91.66667% {
transform: rotate(90deg) rotateY(56.80129deg) scaleX(1.82634);
}
}
.point:nth-child(22) {
transform: translate3d(-3em, 0em, 0em);
background: #ffd966;
animation: h22 9s linear infinite;
}
.point:nth-child(22):after {
opacity: .99;
transform: rotate(90deg) rotateY(0deg) scaleX(1);
animation-name: y22;
}
@keyframes h22 {
0% {
transform: translate3d(-3em, 0em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(-3em, 0em, -0.01918em);
background: #ffd866;
}
16.66667% {
transform: translate3d(-3em, 0em, -0.76175em);
background: #ffad66;
}
25% {
transform: translate3d(-3em, 0em, -1.61853em);
background: #ff7c66;
}
33.33333% {
transform: translate3d(-3em, 0em, -1.88665em);
background: #ff6d66;
}
41.66667% {
transform: translate3d(-3em, 0em, -1.34615em);
background: #ff8c66;
}
50% {
transform: translate3d(-3em, 0em, -0.44044em);
background: #ffbf66;
}
58.33333% {
transform: translate3d(-3em, 0em, 0.08746em);
background: #ffde66;
}
66.66667% {
transform: translate3d(-3em, 0em, -0.1955em);
background: #ffce66;
}
75% {
transform: translate3d(-3em, 0em, -1.05721em);
background: #ff9c66;
}
83.33333% {
transform: translate3d(-3em, 0em, -1.79074em);
background: #ff7266;
}
91.66667% {
transform: translate3d(-3em, 0em, -1.79434em);
background: #ff7266;
}
}
@keyframes x22 {
0% {
transform: rotate(0deg) rotateY(-34.14223deg) scaleX(1.20824);
}
8.33333% {
transform: rotate(0deg) rotateY(2.10428deg) scaleX(1.00067);
}
16.66667% {
transform: rotate(0deg) rotateY(35.81696deg) scaleX(1.23321);
}
25% {
transform: rotate(0deg) rotateY(39.15818deg) scaleX(1.28965);
}
33.33333% {
transform: rotate(0deg) rotateY(13.45277deg) scaleX(1.02821);
}
41.66667% {
transform: rotate(0deg) rotateY(-28.03157deg) scaleX(1.1329);
}
50% {
transform: rotate(0deg) rotateY(-40.91927deg) scaleX(1.32339);
}
58.33333% {
transform: rotate(0deg) rotateY(-26.12897deg) scaleX(1.11383);
}
66.66667% {
transform: rotate(0deg) rotateY(16.08557deg) scaleX(1.04075);
}
75% {
transform: rotate(0deg) rotateY(39.71471deg) scaleX(1.29999);
}
83.33333% {
transform: rotate(0deg) rotateY(34.66275deg) scaleX(1.21578);
}
91.66667% {
transform: rotate(0deg) rotateY(-0.85552deg) scaleX(1.00011);
}
}
@keyframes y22 {
0% {
transform: rotate(90deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(90deg) rotateY(35.56782deg) scaleX(1.22937);
}
16.66667% {
transform: rotate(90deg) rotateY(54.4716deg) scaleX(1.72086);
}
25% {
transform: rotate(90deg) rotateY(56.20055deg) scaleX(1.79763);
}
33.33333% {
transform: rotate(90deg) rotateY(42.53315deg) scaleX(1.35706);
}
41.66667% {
transform: rotate(90deg) rotateY(8.30507deg) scaleX(1.0106);
}
50% {
transform: rotate(90deg) rotateY(-10.69807deg) scaleX(1.01769);
}
58.33333% {
transform: rotate(90deg) rotateY(10.63089deg) scaleX(1.01746);
}
66.66667% {
transform: rotate(90deg) rotateY(44.02281deg) scaleX(1.3907);
}
75% {
transform: rotate(90deg) rotateY(56.48751deg) scaleX(1.8112);
}
83.33333% {
transform: rotate(90deg) rotateY(53.88432deg) scaleX(1.69659);
}
91.66667% {
transform: rotate(90deg) rotateY(33.55397deg) scaleX(1.19995);
}
}
.point:nth-child(23) {
transform: translate3d(-2em, 0em, 0.67845em);
background: #feff66;
animation: h23 9s linear infinite;
}
.point:nth-child(23):before {
opacity: .99;
transform: rotate(0deg) rotateY(-34.14223deg) scaleX(1.20824);
animation-name: x23;
}
.point:nth-child(23):after {
opacity: .99;
transform: rotate(90deg) rotateY(40.21599deg) scaleX(1.30956);
animation-name: y23;
}
@keyframes h23 {
0% {
transform: translate3d(-2em, 0em, 0.67845em);
background: #feff66;
}
8.33333% {
transform: translate3d(-2em, 0em, -0.04149em);
background: #ffd666;
}
16.66667% {
transform: translate3d(-2em, 0em, -0.90994em);
background: #ffa566;
}
25% {
transform: translate3d(-2em, 0em, -1.21446em);
background: #ff9366;
}
33.33333% {
transform: translate3d(-2em, 0em, -0.70523em);
background: #ffb066;
}
41.66667% {
transform: translate3d(-2em, 0em, 0.2em);
background: #ffe466;
}
50% {
transform: translate3d(-2em, 0em, 0.7586em);
background: #faff66;
}
58.33333% {
transform: translate3d(-2em, 0em, 0.51233em);
background: #fff666;
}
66.66667% {
transform: translate3d(-2em, 0em, -0.33679em);
background: #ffc566;
}
75% {
transform: translate3d(-2em, 0em, -1.09216em);
background: #ff9a66;
}
83.33333% {
transform: translate3d(-2em, 0em, -1.13412em);
background: #ff9866;
}
91.66667% {
transform: translate3d(-2em, 0em, -0.42823em);
background: #ffc066;
}
}
@keyframes x23 {
0% {
transform: rotate(0deg) rotateY(-34.14223deg) scaleX(1.20824);
}
8.33333% {
transform: rotate(0deg) rotateY(1.27769deg) scaleX(1.00025);
}
16.66667% {
transform: rotate(0deg) rotateY(8.42883deg) scaleX(1.01092);
}
25% {
transform: rotate(0deg) rotateY(-21.99936deg) scaleX(1.07853);
}
33.33333% {
transform: rotate(0deg) rotateY(-49.76975deg) scaleX(1.54832);
}
41.66667% {
transform: rotate(0deg) rotateY(-57.11563deg) scaleX(1.84181);
}
50% {
transform: rotate(0deg) rotateY(-50.18612deg) scaleX(1.56178);
}
58.33333% {
transform: rotate(0deg) rotateY(-23.01499deg) scaleX(1.08648);
}
66.66667% {
transform: rotate(0deg) rotateY(8.04157deg) scaleX(1.00993);
}
75% {
transform: rotate(0deg) rotateY(2.00168deg) scaleX(1.00061);
}
83.33333% {
transform: rotate(0deg) rotateY(-33.27962deg) scaleX(1.19617);
}
91.66667% {
transform: rotate(0deg) rotateY(-53.80098deg) scaleX(1.69322);
}
}
@keyframes y23 {
0% {
transform: rotate(90deg) rotateY(40.21599deg) scaleX(1.30956);
}
8.33333% {
transform: rotate(90deg) rotateY(57.12604deg) scaleX(1.84232);
}
16.66667% {
transform: rotate(90deg) rotateY(59.13202deg) scaleX(1.94908);
}
25% {
transform: rotate(90deg) rotateY(48.25739deg) scaleX(1.50199);
}
33.33333% {
transform: rotate(90deg) rotateY(18.93294deg) scaleX(1.0572);
}
41.66667% {
transform: rotate(90deg) rotateY(-1.24234deg) scaleX(1.00024);
}
50% {
transform: rotate(90deg) rotateY(18.0126deg) scaleX(1.05154);
}
58.33333% {
transform: rotate(90deg) rotateY(47.72488deg) scaleX(1.48657);
}
66.66667% {
transform: rotate(90deg) rotateY(59.02774deg) scaleX(1.94317);
}
75% {
transform: rotate(90deg) rotateY(57.338deg) scaleX(1.85294);
}
83.33333% {
transform: rotate(90deg) rotateY(40.93405deg) scaleX(1.32369);
}
91.66667% {
transform: rotate(90deg) rotateY(8.99781deg) scaleX(1.01246);
}
}
.point:nth-child(24) {
transform: translate3d(-1em, 0em, 0.84601em);
background: #f5ff66;
animation: h24 9s linear infinite;
}
.point:nth-child(24):before {
opacity: .99;
transform: rotate(0deg) rotateY(-9.51173deg) scaleX(1.01394);
animation-name: x24;
}
.point:nth-child(24):after {
opacity: .99;
transform: rotate(90deg) rotateY(46.5445deg) scaleX(1.45393);
animation-name: y24;
}
@keyframes h24 {
0% {
transform: translate3d(-1em, 0em, 0.84601em);
background: #f5ff66;
}
8.33333% {
transform: translate3d(-1em, 0em, -0.03255em);
background: #ffd766;
}
16.66667% {
transform: translate3d(-1em, 0em, -0.37292em);
background: #ffc366;
}
25% {
transform: translate3d(-1em, 0em, 0.10413em);
background: #ffdf66;
}
33.33333% {
transform: translate3d(-1em, 0em, 1.00724em);
background: #ebff66;
}
41.66667% {
transform: translate3d(-1em, 0em, 1.59554em);
background: #caff66;
}
50% {
transform: translate3d(-1em, 0em, 1.38641em);
background: #d6ff66;
}
58.33333% {
transform: translate3d(-1em, 0em, 0.5514em);
background: #fff866;
}
66.66667% {
transform: translate3d(-1em, 0em, -0.22446em);
background: #ffcc66;
}
75% {
transform: translate3d(-1em, 0em, -0.3047em);
background: #ffc766;
}
83.33333% {
transform: translate3d(-1em, 0em, 0.37652em);
background: #ffee66;
}
91.66667% {
transform: translate3d(-1em, 0em, 1.26034em);
background: #ddff66;
}
}
@keyframes x24 {
0% {
transform: rotate(0deg) rotateY(-9.51173deg) scaleX(1.01394);
}
8.33333% {
transform: rotate(0deg) rotateY(-0.51203deg) scaleX(1.00004);
}
16.66667% {
transform: rotate(0deg) rotateY(-28.23401deg) scaleX(1.13504);
}
25% {
transform: rotate(0deg) rotateY(-52.83073deg) scaleX(1.65516);
}
33.33333% {
transform: rotate(0deg) rotateY(-59.72164deg) scaleX(1.98333);
}
41.66667% {
transform: rotate(0deg) rotateY(-54.38048deg) scaleX(1.71703);
}
50% {
transform: rotate(0deg) rotateY(-32.11325deg) scaleX(1.18064);
}
58.33333% {
transform: rotate(0deg) rotateY(-2.23691deg) scaleX(1.00076);
}
66.66667% {
transform: rotate(0deg) rotateY(-6.40866deg) scaleX(1.00629);
}
75% {
transform: rotate(0deg) rotateY(-38.20985deg) scaleX(1.27267);
}
83.33333% {
transform: rotate(0deg) rotateY(-56.50724deg) scaleX(1.81215);
}
91.66667% {
transform: rotate(0deg) rotateY(-59.37031deg) scaleX(1.96276);
}
}
@keyframes y24 {
0% {
transform: rotate(90deg) rotateY(46.5445deg) scaleX(1.45393);
}
8.33333% {
transform: rotate(90deg) rotateY(50.52423deg) scaleX(1.57294);
}
16.66667% {
transform: rotate(90deg) rotateY(34.41733deg) scaleX(1.21221);
}
25% {
transform: rotate(90deg) rotateY(-5.4787deg) scaleX(1.00459);
}
33.33333% {
transform: rotate(90deg) rotateY(-26.09303deg) scaleX(1.11349);
}
41.66667% {
transform: rotate(90deg) rotateY(-9.81573deg) scaleX(1.01486);
}
50% {
transform: rotate(90deg) rotateY(30.73554deg) scaleX(1.16342);
}
58.33333% {
transform: rotate(90deg) rotateY(49.81807deg) scaleX(1.54987);
}
66.66667% {
transform: rotate(90deg) rotateY(47.99785deg) scaleX(1.49441);
}
75% {
transform: rotate(90deg) rotateY(23.50715deg) scaleX(1.0905);
}
83.33333% {
transform: rotate(90deg) rotateY(-16.06514deg) scaleX(1.04064);
}
91.66667% {
transform: rotate(90deg) rotateY(-24.98098deg) scaleX(1.10321);
}
}
.point:nth-child(25) {
transform: translate3d(0em, 0em, 0.37651em);
background: #ffee66;
animation: h25 9s linear infinite;
}
.point:nth-child(25):before {
opacity: .99;
transform: rotate(0deg) rotateY(25.14277deg) scaleX(1.10466);
animation-name: x25;
}
.point:nth-child(25):after {
opacity: .99;
transform: rotate(90deg) rotateY(25.14277deg) scaleX(1.10466);
animation-name: y25;
}
@keyframes h25 {
0% {
transform: translate3d(0em, 0em, 0.37651em);
background: #ffee66;
}
8.33333% {
transform: translate3d(0em, 0em, 0.0009em);
background: #ffd966;
}
16.66667% {
transform: translate3d(0em, 0em, 0.44491em);
background: #fff266;
}
25% {
transform: translate3d(0em, 0em, 1.3443em);
background: #d8ff66;
}
33.33333% {
transform: translate3d(0em, 0em, 1.96124em);
background: #b5ff66;
}
41.66667% {
transform: translate3d(0em, 0em, 1.78961em);
background: #bfff66;
}
50% {
transform: translate3d(0em, 0em, 0.97022em);
background: #eeff66;
}
58.33333% {
transform: translate3d(0em, 0em, 0.17526em);
background: #ffe366;
}
66.66667% {
transform: translate3d(0em, 0em, 0.05688em);
background: #ffdc66;
}
75% {
transform: translate3d(0em, 0em, 0.71221em);
background: #fcff66;
}
83.33333% {
transform: translate3d(0em, 0em, 1.60363em);
background: #c9ff66;
}
91.66667% {
transform: translate3d(0em, 0em, 1.99985em);
background: #b3ff66;
}
}
@keyframes x25 {
0% {
transform: rotate(0deg) rotateY(25.14277deg) scaleX(1.10466);
}
8.33333% {
transform: rotate(0deg) rotateY(-1.91546deg) scaleX(1.00056);
}
16.66667% {
transform: rotate(0deg) rotateY(-39.26521deg) scaleX(1.29161);
}
25% {
transform: rotate(0deg) rotateY(-51.13048deg) scaleX(1.5935);
}
33.33333% {
transform: rotate(0deg) rotateY(-43.6381deg) scaleX(1.38176);
}
41.66667% {
transform: rotate(0deg) rotateY(-10.98173deg) scaleX(1.01865);
}
50% {
transform: rotate(0deg) rotateY(22.59297deg) scaleX(1.08312);
}
58.33333% {
transform: rotate(0deg) rotateY(20.61166deg) scaleX(1.06839);
}
66.66667% {
transform: rotate(0deg) rotateY(-15.70732deg) scaleX(1.03879);
}
75% {
transform: rotate(0deg) rotateY(-45.49681deg) scaleX(1.42664);
}
83.33333% {
transform: rotate(0deg) rotateY(-50.83458deg) scaleX(1.58338);
}
91.66667% {
transform: rotate(0deg) rotateY(-36.47747deg) scaleX(1.24364);
}
}
@keyframes y25 {
0% {
transform: rotate(90deg) rotateY(25.14277deg) scaleX(1.10466);
}
8.33333% {
transform: rotate(90deg) rotateY(-1.91546deg) scaleX(1.00056);
}
16.66667% {
transform: rotate(90deg) rotateY(-39.26521deg) scaleX(1.29161);
}
25% {
transform: rotate(90deg) rotateY(-51.13048deg) scaleX(1.5935);
}
33.33333% {
transform: rotate(90deg) rotateY(-43.6381deg) scaleX(1.38176);
}
41.66667% {
transform: rotate(90deg) rotateY(-10.98173deg) scaleX(1.01865);
}
50% {
transform: rotate(90deg) rotateY(22.59297deg) scaleX(1.08312);
}
58.33333% {
transform: rotate(90deg) rotateY(20.61166deg) scaleX(1.06839);
}
66.66667% {
transform: rotate(90deg) rotateY(-15.70732deg) scaleX(1.03879);
}
75% {
transform: rotate(90deg) rotateY(-45.49681deg) scaleX(1.42664);
}
83.33333% {
transform: rotate(90deg) rotateY(-50.83458deg) scaleX(1.58338);
}
91.66667% {
transform: rotate(90deg) rotateY(-36.47747deg) scaleX(1.24364);
}
}
.point:nth-child(26) {
transform: translate3d(1em, 0em, -0.37651em);
background: #ffc366;
animation: h26 9s linear infinite;
}
.point:nth-child(26):before {
opacity: .99;
transform: rotate(0deg) rotateY(36.97381deg) scaleX(1.2517);
animation-name: x26;
}
.point:nth-child(26):after {
opacity: .99;
transform: rotate(90deg) rotateY(-25.14277deg) scaleX(1.10466);
animation-name: y26;
}
@keyframes h26 {
0% {
transform: translate3d(1em, 0em, -0.37651em);
background: #ffc366;
}
8.33333% {
transform: translate3d(1em, 0em, 0.03367em);
background: #ffdb66;
}
16.66667% {
transform: translate3d(1em, 0em, 0.92772em);
background: #f0ff66;
}
25% {
transform: translate3d(1em, 0em, 1.57219em);
background: #cbff66;
}
33.33333% {
transform: translate3d(1em, 0em, 1.43838em);
background: #d3ff66;
}
41.66667% {
transform: translate3d(1em, 0em, 0.63607em);
background: #fffd66;
}
50% {
transform: translate3d(1em, 0em, -0.17656em);
background: #ffcf66;
}
58.33333% {
transform: translate3d(1em, 0em, -0.33286em);
background: #ffc666;
}
66.66667% {
transform: translate3d(1em, 0em, 0.2954em);
background: #ffea66;
}
75% {
transform: translate3d(1em, 0em, 1.19281em);
background: #e1ff66;
}
83.33333% {
transform: translate3d(1em, 0em, 1.62317em);
background: #c8ff66;
}
91.66667% {
transform: translate3d(1em, 0em, 1.23343em);
background: #deff66;
}
}
@keyframes x26 {
0% {
transform: rotate(0deg) rotateY(36.97381deg) scaleX(1.2517);
}
8.33333% {
transform: rotate(0deg) rotateY(-1.87681deg) scaleX(1.00054);
}
16.66667% {
transform: rotate(0deg) rotateY(-25.76293deg) scaleX(1.11037);
}
25% {
transform: rotate(0deg) rotateY(-12.83536deg) scaleX(1.02563);
}
33.33333% {
transform: rotate(0deg) rotateY(27.58938deg) scaleX(1.1283);
}
41.66667% {
transform: rotate(0deg) rotateY(49.09666deg) scaleX(1.52722);
}
50% {
transform: rotate(0deg) rotateY(48.91794deg) scaleX(1.52175);
}
58.33333% {
transform: rotate(0deg) rotateY(26.9242deg) scaleX(1.12157);
}
66.66667% {
transform: rotate(0deg) rotateY(-13.4122deg) scaleX(1.02804);
}
75% {
transform: rotate(0deg) rotateY(-25.66056deg) scaleX(1.10942);
}
83.33333% {
transform: rotate(0deg) rotateY(-1.11966deg) scaleX(1.00019);
}
91.66667% {
transform: rotate(0deg) rotateY(37.45961deg) scaleX(1.25979);
}
}
@keyframes y26 {
0% {
transform: rotate(90deg) rotateY(-25.14277deg) scaleX(1.10466);
}
8.33333% {
transform: rotate(90deg) rotateY(-51.46843deg) scaleX(1.60528);
}
16.66667% {
transform: rotate(90deg) rotateY(-59.61741deg) scaleX(1.97718);
}
25% {
transform: rotate(90deg) rotateY(-55.42929deg) scaleX(1.76235);
}
33.33333% {
transform: rotate(90deg) rotateY(-34.96364deg) scaleX(1.22023);
}
41.66667% {
transform: rotate(90deg) rotateY(-3.94269deg) scaleX(1.00237);
}
50% {
transform: rotate(90deg) rotateY(-4.32716deg) scaleX(1.00286);
}
58.33333% {
transform: rotate(90deg) rotateY(-35.53772deg) scaleX(1.2289);
}
66.66667% {
transform: rotate(90deg) rotateY(-55.62382deg) scaleX(1.77109);
}
75% {
transform: rotate(90deg) rotateY(-59.58508deg) scaleX(1.97528);
}
83.33333% {
transform: rotate(90deg) rotateY(-51.17307deg) scaleX(1.59497);
}
91.66667% {
transform: rotate(90deg) rotateY(-24.51167deg) scaleX(1.09905);
}
}
.point:nth-child(27) {
transform: translate3d(2em, 0em, -0.84601em);
background: #ffa866;
animation: h27 9s linear infinite;
}
.point:nth-child(27):before {
opacity: .99;
transform: rotate(0deg) rotateY(25.14277deg) scaleX(1.10466);
animation-name: x27;
}
.point:nth-child(27):after {
opacity: .99;
transform: rotate(90deg) rotateY(-46.5445deg) scaleX(1.45393);
animation-name: y27;
}
@keyframes h27 {
0% {
transform: translate3d(2em, 0em, -0.84601em);
background: #ffa866;
}
8.33333% {
transform: translate3d(2em, 0em, 0.04109em);
background: #ffdb66;
}
16.66667% {
transform: translate3d(2em, 0em, 0.71193em);
background: #fcff66;
}
25% {
transform: translate3d(2em, 0em, 0.61619em);
background: #fffc66;
}
33.33333% {
transform: translate3d(2em, 0em, -0.16761em);
background: #ffcf66;
}
41.66667% {
transform: translate3d(2em, 0em, -0.99645em);
background: #ffa066;
}
50% {
transform: translate3d(2em, 0em, -1.19039em);
background: #ff9466;
}
58.33333% {
transform: translate3d(2em, 0em, -0.59033em);
background: #ffb766;
}
66.66667% {
transform: translate3d(2em, 0em, 0.31147em);
background: #ffeb66;
}
75% {
transform: translate3d(2em, 0em, 0.7752em);
background: #f9ff66;
}
83.33333% {
transform: translate3d(2em, 0em, 0.42044em);
background: #fff166;
}
91.66667% {
transform: translate3d(2em, 0em, -0.46179em);
background: #ffbe66;
}
}
@keyframes x27 {
0% {
transform: rotate(0deg) rotateY(25.14277deg) scaleX(1.10466);
}
8.33333% {
transform: rotate(0deg) rotateY(-0.42506deg) scaleX(1.00003);
}
16.66667% {
transform: rotate(0deg) rotateY(12.17496deg) scaleX(1.02301);
}
25% {
transform: rotate(0deg) rotateY(43.69804deg) scaleX(1.38314);
}
33.33333% {
transform: rotate(0deg) rotateY(58.09779deg) scaleX(1.89225);
}
41.66667% {
transform: rotate(0deg) rotateY(58.51671deg) scaleX(1.91479);
}
50% {
transform: rotate(0deg) rotateY(45.41017deg) scaleX(1.42445);
}
58.33333% {
transform: rotate(0deg) rotateY(14.43382deg) scaleX(1.03259);
}
66.66667% {
transform: rotate(0deg) rotateY(-0.9208deg) scaleX(1.00013);
}
75% {
transform: rotate(0deg) rotateY(22.66231deg) scaleX(1.08367);
}
83.33333% {
transform: rotate(0deg) rotateY(50.27241deg) scaleX(1.56461);
}
91.66667% {
transform: rotate(0deg) rotateY(59.46875deg) scaleX(1.96847);
}
}
@keyframes y27 {
0% {
transform: rotate(90deg) rotateY(-46.5445deg) scaleX(1.45393);
}
8.33333% {
transform: rotate(90deg) rotateY(-56.87352deg) scaleX(1.82986);
}
16.66667% {
transform: rotate(90deg) rotateY(-52.62287deg) scaleX(1.64729);
}
25% {
transform: rotate(90deg) rotateY(-29.61264deg) scaleX(1.15024);
}
33.33333% {
transform: rotate(90deg) rotateY(4.65577deg) scaleX(1.00331);
}
41.66667% {
transform: rotate(90deg) rotateY(6.15538deg) scaleX(1.0058);
}
50% {
transform: rotate(90deg) rotateY(-27.03838deg) scaleX(1.12271);
}
58.33333% {
transform: rotate(90deg) rotateY(-51.7265deg) scaleX(1.61442);
}
66.66667% {
transform: rotate(90deg) rotateY(-57.02073deg) scaleX(1.8371);
}
75% {
transform: rotate(90deg) rotateY(-47.91194deg) scaleX(1.49193);
}
83.33333% {
transform: rotate(90deg) rotateY(-17.82183deg) scaleX(1.05041);
}
91.66667% {
transform: rotate(90deg) rotateY(9.6898deg) scaleX(1.01447);
}
}
.point:nth-child(28) {
transform: translate3d(3em, 0em, -0.67845em);
background: #ffb266;
animation: h28 9s linear infinite;
}
.point:nth-child(28):before {
opacity: .99;
transform: rotate(0deg) rotateY(-9.51173deg) scaleX(1.01394);
animation-name: x28;
}
.point:nth-child(28):after {
opacity: .99;
transform: rotate(90deg) rotateY(-40.21599deg) scaleX(1.30956);
animation-name: y28;
}
@keyframes h28 {
0% {
transform: translate3d(3em, 0em, -0.67845em);
background: #ffb266;
}
8.33333% {
transform: translate3d(3em, 0em, 0.01757em);
background: #ffda66;
}
16.66667% {
transform: translate3d(3em, 0em, -0.03995em);
background: #ffd666;
}
25% {
transform: translate3d(3em, 0em, -0.80382em);
background: #ffab66;
}
33.33333% {
transform: translate3d(3em, 0em, -1.64738em);
background: #ff7a66;
}
41.66667% {
transform: translate3d(3em, 0em, -1.87862em);
background: #ff6d66;
}
50% {
transform: translate3d(3em, 0em, -1.30783em);
background: #ff8e66;
}
58.33333% {
transform: translate3d(3em, 0em, -0.40326em);
background: #ffc266;
}
66.66667% {
transform: translate3d(3em, 0em, 0.093em);
background: #ffde66;
}
75% {
transform: translate3d(3em, 0em, -0.22615em);
background: #ffcc66;
}
83.33333% {
transform: translate3d(3em, 0em, -1.0989em);
background: #ff9a66;
}
91.66667% {
transform: translate3d(3em, 0em, -1.80927em);
background: #ff7166;
}
}
@keyframes x28 {
0% {
transform: rotate(0deg) rotateY(-9.51173deg) scaleX(1.01394);
}
8.33333% {
transform: rotate(0deg) rotateY(1.34739deg) scaleX(1.00028);
}
16.66667% {
transform: rotate(0deg) rotateY(36.93234deg) scaleX(1.25102);
}
25% {
transform: rotate(0deg) rotateY(54.86196deg) scaleX(1.73747);
}
33.33333% {
transform: rotate(0deg) rotateY(55.96233deg) scaleX(1.78655);
}
41.66667% {
transform: rotate(0deg) rotateY(41.41056deg) scaleX(1.33335);
}
50% {
transform: rotate(0deg) rotateY(6.69792deg) scaleX(1.00687);
}
58.33333% {
transform: rotate(0deg) rotateY(-10.59448deg) scaleX(1.01734);
}
66.66667% {
transform: rotate(0deg) rotateY(12.32187deg) scaleX(1.02358);
}
75% {
transform: rotate(0deg) rotateY(45.05712deg) scaleX(1.41563);
}
83.33333% {
transform: rotate(0deg) rotateY(56.65809deg) scaleX(1.81939);
}
91.66667% {
transform: rotate(0deg) rotateY(53.42601deg) scaleX(1.67825);
}
}
@keyframes y28 {
0% {
transform: rotate(90deg) rotateY(-40.21599deg) scaleX(1.30956);
}
8.33333% {
transform: rotate(90deg) rotateY(-33.21181deg) scaleX(1.19524);
}
16.66667% {
transform: rotate(90deg) rotateY(4.19633deg) scaleX(1.00269);
}
25% {
transform: rotate(90deg) rotateY(36.55298deg) scaleX(1.24485);
}
33.33333% {
transform: rotate(90deg) rotateY(38.69557deg) scaleX(1.28126);
}
41.66667% {
transform: rotate(90deg) rotateY(11.51341deg) scaleX(1.02054);
}
50% {
transform: rotate(90deg) rotateY(-29.28946deg) scaleX(1.14658);
}
58.33333% {
transform: rotate(90deg) rotateY(-40.85825deg) scaleX(1.32217);
}
66.66667% {
transform: rotate(90deg) rotateY(-24.69488deg) scaleX(1.10066);
}
75% {
transform: rotate(90deg) rotateY(17.88299deg) scaleX(1.05077);
}
83.33333% {
transform: rotate(90deg) rotateY(40.04508deg) scaleX(1.30627);
}
91.66667% {
transform: rotate(90deg) rotateY(33.77247deg) scaleX(1.20301);
}
}
.point:nth-child(29) {
transform: translate3d(-3em, 1em, 0em);
background: #ffd966;
animation: h29 9s linear infinite;
}
.point:nth-child(29):after {
opacity: .99;
transform: rotate(90deg) rotateY(0deg) scaleX(1);
animation-name: y29;
}
@keyframes h29 {
0% {
transform: translate3d(-3em, 1em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(-3em, 1em, -0.71994em);
background: #ffaf66;
}
16.66667% {
transform: translate3d(-3em, 1em, -1.58839em);
background: #ff7e66;
}
25% {
transform: translate3d(-3em, 1em, -1.8929em);
background: #ff6c66;
}
33.33333% {
transform: translate3d(-3em, 1em, -1.38367em);
background: #ff8966;
}
41.66667% {
transform: translate3d(-3em, 1em, -0.47845em);
background: #ffbd66;
}
50% {
transform: translate3d(-3em, 1em, 0.08015em);
background: #ffdd66;
}
58.33333% {
transform: translate3d(-3em, 1em, -0.16612em);
background: #ffcf66;
}
66.66667% {
transform: translate3d(-3em, 1em, -1.01523em);
background: #ff9f66;
}
75% {
transform: translate3d(-3em, 1em, -1.77061em);
background: #ff7366;
}
83.33333% {
transform: translate3d(-3em, 1em, -1.81257em);
background: #ff7166;
}
91.66667% {
transform: translate3d(-3em, 1em, -1.10668em);
background: #ff9966;
}
}
@keyframes x29 {
0% {
transform: rotate(0deg) rotateY(34.14223deg) scaleX(1.20824);
}
8.33333% {
transform: rotate(0deg) rotateY(54.06075deg) scaleX(1.70379);
}
16.66667% {
transform: rotate(0deg) rotateY(56.41031deg) scaleX(1.80753);
}
25% {
transform: rotate(0deg) rotateY(43.60307deg) scaleX(1.38096);
}
33.33333% {
transform: rotate(0deg) rotateY(9.95206deg) scaleX(1.01528);
}
41.66667% {
transform: rotate(0deg) rotateY(-10.71556deg) scaleX(1.01775);
}
50% {
transform: rotate(0deg) rotateY(8.96971deg) scaleX(1.01238);
}
58.33333% {
transform: rotate(0deg) rotateY(42.9741deg) scaleX(1.36675);
}
66.66667% {
transform: rotate(0deg) rotateY(56.28917deg) scaleX(1.8018);
}
75% {
transform: rotate(0deg) rotateY(54.30869deg) scaleX(1.71404);
}
83.33333% {
transform: rotate(0deg) rotateY(34.98703deg) scaleX(1.22058);
}
91.66667% {
transform: rotate(0deg) rotateY(-0.52769deg) scaleX(1.00004);
}
}
@keyframes y29 {
0% {
transform: rotate(90deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(90deg) rotateY(35.00538deg) scaleX(1.22085);
}
16.66667% {
transform: rotate(90deg) rotateY(39.56507deg) scaleX(1.29718);
}
25% {
transform: rotate(90deg) rotateY(15.33715deg) scaleX(1.03693);
}
33.33333% {
transform: rotate(90deg) rotateY(-26.6901deg) scaleX(1.11926);
}
41.66667% {
transform: rotate(90deg) rotateY(-40.92956deg) scaleX(1.3236);
}
50% {
transform: rotate(90deg) rotateY(-27.48798deg) scaleX(1.12726);
}
58.33333% {
transform: rotate(90deg) rotateY(14.22524deg) scaleX(1.03163);
}
66.66667% {
transform: rotate(90deg) rotateY(39.33013deg) scaleX(1.29281);
}
75% {
transform: rotate(90deg) rotateY(35.49984deg) scaleX(1.22832);
}
83.33333% {
transform: rotate(90deg) rotateY(1.25025deg) scaleX(1.00024);
}
91.66667% {
transform: rotate(90deg) rotateY(-34.50089deg) scaleX(1.21342);
}
}
.point:nth-child(30) {
transform: translate3d(-2em, 1em, -0.67845em);
background: #ffb266;
animation: h30 9s linear infinite;
}
.point:nth-child(30):before {
opacity: .99;
transform: rotate(0deg) rotateY(34.14223deg) scaleX(1.20824);
animation-name: x30;
}
.point:nth-child(30):after {
opacity: .99;
transform: rotate(90deg) rotateY(53.61635deg) scaleX(1.6858);
animation-name: y30;
}
@keyframes h30 {
0% {
transform: translate3d(-2em, 1em, -0.67845em);
background: #ffb266;
}
8.33333% {
transform: translate3d(-2em, 1em, -1.55701em);
background: #ff7f66;
}
16.66667% {
transform: translate3d(-2em, 1em, -1.89738em);
background: #ff6c66;
}
25% {
transform: translate3d(-2em, 1em, -1.42033em);
background: #ff8766;
}
33.33333% {
transform: translate3d(-2em, 1em, -0.51722em);
background: #ffbb66;
}
41.66667% {
transform: translate3d(-2em, 1em, 0.07108em);
background: #ffdd66;
}
50% {
transform: translate3d(-2em, 1em, -0.13805em);
background: #ffd166;
}
58.33333% {
transform: translate3d(-2em, 1em, -0.97306em);
background: #ffa166;
}
66.66667% {
transform: translate3d(-2em, 1em, -1.74892em);
background: #ff7466;
}
75% {
transform: translate3d(-2em, 1em, -1.82916em);
background: #ff7066;
}
83.33333% {
transform: translate3d(-2em, 1em, -1.14794em);
background: #ff9766;
}
91.66667% {
transform: translate3d(-2em, 1em, -0.26412em);
background: #ffca66;
}
}
@keyframes x30 {
0% {
transform: rotate(0deg) rotateY(34.14223deg) scaleX(1.20824);
}
8.33333% {
transform: rotate(0deg) rotateY(39.91735deg) scaleX(1.30383);
}
16.66667% {
transform: rotate(0deg) rotateY(17.16072deg) scaleX(1.04659);
}
25% {
transform: rotate(0deg) rotateY(-25.28649deg) scaleX(1.10597);
}
33.33333% {
transform: rotate(0deg) rotateY(-40.88916deg) scaleX(1.32279);
}
41.66667% {
transform: rotate(0deg) rotateY(-28.78737deg) scaleX(1.14101);
}
50% {
transform: rotate(0deg) rotateY(12.30746deg) scaleX(1.02352);
}
58.33333% {
transform: rotate(0deg) rotateY(38.89029deg) scaleX(1.28477);
}
66.66667% {
transform: rotate(0deg) rotateY(36.26158deg) scaleX(1.24019);
}
75% {
transform: rotate(0deg) rotateY(3.34873deg) scaleX(1.00171);
}
83.33333% {
transform: rotate(0deg) rotateY(-33.59799deg) scaleX(1.20057);
}
91.66667% {
transform: rotate(0deg) rotateY(-40.10108deg) scaleX(1.30734);
}
}
@keyframes y30 {
0% {
transform: rotate(90deg) rotateY(53.61635deg) scaleX(1.6858);
}
8.33333% {
transform: rotate(90deg) rotateY(56.59212deg) scaleX(1.81621);
}
16.66667% {
transform: rotate(90deg) rotateY(44.62103deg) scaleX(1.40495);
}
25% {
transform: rotate(90deg) rotateY(11.63183deg) scaleX(1.02097);
}
33.33333% {
transform: rotate(90deg) rotateY(-10.64694deg) scaleX(1.01752);
}
41.66667% {
transform: rotate(90deg) rotateY(7.34555deg) scaleX(1.00827);
}
50% {
transform: rotate(90deg) rotateY(41.87298deg) scaleX(1.34296);
}
58.33333% {
transform: rotate(90deg) rotateY(56.06257deg) scaleX(1.79119);
}
66.66667% {
transform: rotate(90deg) rotateY(54.70007deg) scaleX(1.73053);
}
75% {
transform: rotate(90deg) rotateY(36.38432deg) scaleX(1.24215);
}
83.33333% {
transform: rotate(90deg) rotateY(0.79192deg) scaleX(1.0001);
}
91.66667% {
transform: rotate(90deg) rotateY(-9.3195deg) scaleX(1.01338);
}
}
.point:nth-child(31) {
transform: translate3d(-1em, 1em, -0.84601em);
background: #ffa866;
animation: h31 9s linear infinite;
}
.point:nth-child(31):before {
opacity: .99;
transform: rotate(0deg) rotateY(9.51173deg) scaleX(1.01394);
animation-name: x31;
}
.point:nth-child(31):after {
opacity: .99;
transform: rotate(90deg) rotateY(59.42146deg) scaleX(1.96572);
animation-name: y31;
}
@keyframes h31 {
0% {
transform: translate3d(-1em, 1em, -0.84601em);
background: #ffa866;
}
8.33333% {
transform: translate3d(-1em, 1em, -1.22162em);
background: #ff9366;
}
16.66667% {
transform: translate3d(-1em, 1em, -0.77761em);
background: #ffac66;
}
25% {
transform: translate3d(-1em, 1em, 0.12178em);
background: #ffe066;
}
33.33333% {
transform: translate3d(-1em, 1em, 0.73872em);
background: #fbff66;
}
41.66667% {
transform: translate3d(-1em, 1em, 0.56709em);
background: #fff966;
}
50% {
transform: translate3d(-1em, 1em, -0.2523em);
background: #ffca66;
}
58.33333% {
transform: translate3d(-1em, 1em, -1.04726em);
background: #ff9d66;
}
66.66667% {
transform: translate3d(-1em, 1em, -1.16564em);
background: #ff9666;
}
75% {
transform: translate3d(-1em, 1em, -0.51031em);
background: #ffbb66;
}
83.33333% {
transform: translate3d(-1em, 1em, 0.38111em);
background: #ffef66;
}
91.66667% {
transform: translate3d(-1em, 1em, 0.77733em);
background: #f9ff66;
}
}
@keyframes x31 {
0% {
transform: rotate(0deg) rotateY(9.51173deg) scaleX(1.01394);
}
8.33333% {
transform: rotate(0deg) rotateY(-18.53991deg) scaleX(1.05474);
}
16.66667% {
transform: rotate(0deg) rotateY(-48.24182deg) scaleX(1.50153);
}
25% {
transform: rotate(0deg) rotateY(-57.04746deg) scaleX(1.83842);
}
33.33333% {
transform: rotate(0deg) rotateY(-51.48256deg) scaleX(1.60577);
}
41.66667% {
transform: rotate(0deg) rotateY(-26.37161deg) scaleX(1.11616);
}
50% {
transform: rotate(0deg) rotateY(6.51771deg) scaleX(1.00651);
}
58.33333% {
transform: rotate(0deg) rotateY(4.2401deg) scaleX(1.00274);
}
66.66667% {
transform: rotate(0deg) rotateY(-30.24994deg) scaleX(1.15763);
}
75% {
transform: rotate(0deg) rotateY(-52.83625deg) scaleX(1.65537);
}
83.33333% {
transform: rotate(0deg) rotateY(-56.82513deg) scaleX(1.8275);
}
91.66667% {
transform: rotate(0deg) rotateY(-46.17694deg) scaleX(1.44418);
}
}
@keyframes y31 {
0% {
transform: rotate(90deg) rotateY(59.42146deg) scaleX(1.96572);
}
8.33333% {
transform: rotate(90deg) rotateY(49.95137deg) scaleX(1.55415);
}
16.66667% {
transform: rotate(90deg) rotateY(22.02957deg) scaleX(1.07876);
}
25% {
transform: rotate(90deg) rotateY(-1.01121deg) scaleX(1.00016);
}
33.33333% {
transform: rotate(90deg) rotateY(15.02561deg) scaleX(1.0354);
}
41.66667% {
transform: rotate(90deg) rotateY(45.81875deg) scaleX(1.43486);
}
50% {
transform: rotate(90deg) rotateY(58.6131deg) scaleX(1.92007);
}
58.33333% {
transform: rotate(90deg) rotateY(57.98044deg) scaleX(1.88605);
}
66.66667% {
transform: rotate(90deg) rotateY(43.25229deg) scaleX(1.37298);
}
75% {
transform: rotate(90deg) rotateY(11.6173deg) scaleX(1.02091);
}
83.33333% {
transform: rotate(90deg) rotateY(-0.26293deg) scaleX(1.00001);
}
91.66667% {
transform: rotate(90deg) rotateY(25.77238deg) scaleX(1.11046);
}
}
.point:nth-child(32) {
transform: translate3d(0em, 1em, -0.37651em);
background: #ffc366;
animation: h32 9s linear infinite;
}
.point:nth-child(32):before {
opacity: .99;
transform: rotate(0deg) rotateY(-25.14277deg) scaleX(1.10466);
animation-name: x32;
}
.point:nth-child(32):after {
opacity: .99;
transform: rotate(90deg) rotateY(36.97381deg) scaleX(1.2517);
animation-name: y32;
}
@keyframes h32 {
0% {
transform: translate3d(0em, 1em, -0.37651em);
background: #ffc366;
}
8.33333% {
transform: translate3d(0em, 1em, 0.03367em);
background: #ffdb66;
}
16.66667% {
transform: translate3d(0em, 1em, 0.92772em);
background: #f0ff66;
}
25% {
transform: translate3d(0em, 1em, 1.57219em);
background: #cbff66;
}
33.33333% {
transform: translate3d(0em, 1em, 1.43838em);
background: #d3ff66;
}
41.66667% {
transform: translate3d(0em, 1em, 0.63607em);
background: #fffd66;
}
50% {
transform: translate3d(0em, 1em, -0.17656em);
background: #ffcf66;
}
58.33333% {
transform: translate3d(0em, 1em, -0.33286em);
background: #ffc666;
}
66.66667% {
transform: translate3d(0em, 1em, 0.2954em);
background: #ffea66;
}
75% {
transform: translate3d(0em, 1em, 1.19281em);
background: #e1ff66;
}
83.33333% {
transform: translate3d(0em, 1em, 1.62317em);
background: #c8ff66;
}
91.66667% {
transform: translate3d(0em, 1em, 1.23343em);
background: #deff66;
}
}
@keyframes x32 {
0% {
transform: rotate(0deg) rotateY(-25.14277deg) scaleX(1.10466);
}
8.33333% {
transform: rotate(0deg) rotateY(-51.46843deg) scaleX(1.60528);
}
16.66667% {
transform: rotate(0deg) rotateY(-59.61741deg) scaleX(1.97718);
}
25% {
transform: rotate(0deg) rotateY(-55.42929deg) scaleX(1.76235);
}
33.33333% {
transform: rotate(0deg) rotateY(-34.96364deg) scaleX(1.22023);
}
41.66667% {
transform: rotate(0deg) rotateY(-3.94269deg) scaleX(1.00237);
}
50% {
transform: rotate(0deg) rotateY(-4.32716deg) scaleX(1.00286);
}
58.33333% {
transform: rotate(0deg) rotateY(-35.53772deg) scaleX(1.2289);
}
66.66667% {
transform: rotate(0deg) rotateY(-55.62382deg) scaleX(1.77109);
}
75% {
transform: rotate(0deg) rotateY(-59.58508deg) scaleX(1.97528);
}
83.33333% {
transform: rotate(0deg) rotateY(-51.17307deg) scaleX(1.59497);
}
91.66667% {
transform: rotate(0deg) rotateY(-24.51167deg) scaleX(1.09905);
}
}
@keyframes y32 {
0% {
transform: rotate(90deg) rotateY(36.97381deg) scaleX(1.2517);
}
8.33333% {
transform: rotate(90deg) rotateY(-1.87681deg) scaleX(1.00054);
}
16.66667% {
transform: rotate(90deg) rotateY(-25.76293deg) scaleX(1.11037);
}
25% {
transform: rotate(90deg) rotateY(-12.83536deg) scaleX(1.02563);
}
33.33333% {
transform: rotate(90deg) rotateY(27.58938deg) scaleX(1.1283);
}
41.66667% {
transform: rotate(90deg) rotateY(49.09666deg) scaleX(1.52722);
}
50% {
transform: rotate(90deg) rotateY(48.91794deg) scaleX(1.52175);
}
58.33333% {
transform: rotate(90deg) rotateY(26.9242deg) scaleX(1.12157);
}
66.66667% {
transform: rotate(90deg) rotateY(-13.4122deg) scaleX(1.02804);
}
75% {
transform: rotate(90deg) rotateY(-25.66056deg) scaleX(1.10942);
}
83.33333% {
transform: rotate(90deg) rotateY(-1.11966deg) scaleX(1.00019);
}
91.66667% {
transform: rotate(90deg) rotateY(37.45961deg) scaleX(1.25979);
}
}
.point:nth-child(33) {
transform: translate3d(1em, 1em, 0.37651em);
background: #ffee66;
animation: h33 9s linear infinite;
}
.point:nth-child(33):before {
opacity: .99;
transform: rotate(0deg) rotateY(-36.97381deg) scaleX(1.2517);
animation-name: x33;
}
.point:nth-child(33):after {
opacity: .99;
transform: rotate(90deg) rotateY(-36.97381deg) scaleX(1.2517);
animation-name: y33;
}
@keyframes h33 {
0% {
transform: translate3d(1em, 1em, 0.37651em);
background: #ffee66;
}
8.33333% {
transform: translate3d(1em, 1em, 1.26361em);
background: #ddff66;
}
16.66667% {
transform: translate3d(1em, 1em, 1.93446em);
background: #b6ff66;
}
25% {
transform: translate3d(1em, 1em, 1.83871em);
background: #bcff66;
}
33.33333% {
transform: translate3d(1em, 1em, 1.05491em);
background: #e9ff66;
}
41.66667% {
transform: translate3d(1em, 1em, 0.22607em);
background: #ffe666;
}
50% {
transform: translate3d(1em, 1em, 0.03213em);
background: #ffdb66;
}
58.33333% {
transform: translate3d(1em, 1em, 0.63219em);
background: #fffd66;
}
66.66667% {
transform: translate3d(1em, 1em, 1.53399em);
background: #cdff66;
}
75% {
transform: translate3d(1em, 1em, 1.99772em);
background: #b3ff66;
}
83.33333% {
transform: translate3d(1em, 1em, 1.64296em);
background: #c7ff66;
}
91.66667% {
transform: translate3d(1em, 1em, 0.76073em);
background: #faff66;
}
}
@keyframes x33 {
0% {
transform: rotate(0deg) rotateY(-36.97381deg) scaleX(1.2517);
}
8.33333% {
transform: rotate(0deg) rotateY(-50.899deg) scaleX(1.58557);
}
16.66667% {
transform: rotate(0deg) rotateY(-45.21007deg) scaleX(1.41943);
}
25% {
transform: rotate(0deg) rotateY(-14.91847deg) scaleX(1.03488);
}
33.33333% {
transform: rotate(0deg) rotateY(20.978deg) scaleX(1.07099);
}
41.66667% {
transform: rotate(0deg) rotateY(22.29017deg) scaleX(1.08076);
}
50% {
transform: rotate(0deg) rotateY(-11.78663deg) scaleX(1.02154);
}
58.33333% {
transform: rotate(0deg) rotateY(-43.96688deg) scaleX(1.38939);
}
66.66667% {
transform: rotate(0deg) rotateY(-51.09492deg) scaleX(1.59228);
}
75% {
transform: rotate(0deg) rotateY(-38.82003deg) scaleX(1.2835);
}
83.33333% {
transform: rotate(0deg) rotateY(-1.13331deg) scaleX(1.0002);
}
91.66667% {
transform: rotate(0deg) rotateY(25.2924deg) scaleX(1.10602);
}
}
@keyframes y33 {
0% {
transform: rotate(90deg) rotateY(-36.97381deg) scaleX(1.2517);
}
8.33333% {
transform: rotate(90deg) rotateY(-50.899deg) scaleX(1.58557);
}
16.66667% {
transform: rotate(90deg) rotateY(-45.21007deg) scaleX(1.41943);
}
25% {
transform: rotate(90deg) rotateY(-14.91847deg) scaleX(1.03488);
}
33.33333% {
transform: rotate(90deg) rotateY(20.978deg) scaleX(1.07099);
}
41.66667% {
transform: rotate(90deg) rotateY(22.29017deg) scaleX(1.08076);
}
50% {
transform: rotate(90deg) rotateY(-11.78663deg) scaleX(1.02154);
}
58.33333% {
transform: rotate(90deg) rotateY(-43.96688deg) scaleX(1.38939);
}
66.66667% {
transform: rotate(90deg) rotateY(-51.09492deg) scaleX(1.59228);
}
75% {
transform: rotate(90deg) rotateY(-38.82003deg) scaleX(1.2835);
}
83.33333% {
transform: rotate(90deg) rotateY(-1.13331deg) scaleX(1.0002);
}
91.66667% {
transform: rotate(90deg) rotateY(25.2924deg) scaleX(1.10602);
}
}
.point:nth-child(34) {
transform: translate3d(2em, 1em, 0.84601em);
background: #f5ff66;
animation: h34 9s linear infinite;
}
.point:nth-child(34):before {
opacity: .99;
transform: rotate(0deg) rotateY(-25.14277deg) scaleX(1.10466);
animation-name: x34;
}
.point:nth-child(34):after {
opacity: .99;
transform: rotate(90deg) rotateY(-59.42146deg) scaleX(1.96572);
animation-name: y34;
}
@keyframes h34 {
0% {
transform: translate3d(2em, 1em, 0.84601em);
background: #f5ff66;
}
8.33333% {
transform: translate3d(2em, 1em, 1.54203em);
background: #cdff66;
}
16.66667% {
transform: translate3d(2em, 1em, 1.48451em);
background: #d0ff66;
}
25% {
transform: translate3d(2em, 1em, 0.72064em);
background: #fcff66;
}
33.33333% {
transform: translate3d(2em, 1em, -0.12292em);
background: #ffd266;
}
41.66667% {
transform: translate3d(2em, 1em, -0.35416em);
background: #ffc466;
}
50% {
transform: translate3d(2em, 1em, 0.21663em);
background: #ffe566;
}
58.33333% {
transform: translate3d(2em, 1em, 1.12119em);
background: #e5ff66;
}
66.66667% {
transform: translate3d(2em, 1em, 1.61746em);
background: #c8ff66;
}
75% {
transform: translate3d(2em, 1em, 1.29831em);
background: #dbff66;
}
83.33333% {
transform: translate3d(2em, 1em, 0.42556em);
background: #fff166;
}
91.66667% {
transform: translate3d(2em, 1em, -0.28481em);
background: #ffc866;
}
}
@keyframes x34 {
0% {
transform: rotate(0deg) rotateY(-25.14277deg) scaleX(1.10466);
}
8.33333% {
transform: rotate(0deg) rotateY(-15.55176deg) scaleX(1.038);
}
16.66667% {
transform: rotate(0deg) rotateY(24.21956deg) scaleX(1.09652);
}
25% {
transform: rotate(0deg) rotateY(48.19847deg) scaleX(1.50026);
}
33.33333% {
transform: rotate(0deg) rotateY(49.68427deg) scaleX(1.5456);
}
41.66667% {
transform: rotate(0deg) rotateY(30.11934deg) scaleX(1.15609);
}
50% {
transform: rotate(0deg) rotateY(-10.45265deg) scaleX(1.01687);
}
58.33333% {
transform: rotate(0deg) rotateY(-26.0493deg) scaleX(1.11307);
}
66.66667% {
transform: rotate(0deg) rotateY(-4.76573deg) scaleX(1.00347);
}
75% {
transform: rotate(0deg) rotateY(34.95408deg) scaleX(1.22009);
}
83.33333% {
transform: rotate(0deg) rotateY(50.61212deg) scaleX(1.57588);
}
91.66667% {
transform: rotate(0deg) rotateY(46.28897deg) scaleX(1.44713);
}
}
@keyframes y34 {
0% {
transform: rotate(90deg) rotateY(-59.42146deg) scaleX(1.96572);
}
8.33333% {
transform: rotate(90deg) rotateY(-56.33762deg) scaleX(1.80408);
}
16.66667% {
transform: rotate(90deg) rotateY(-37.68063deg) scaleX(1.26354);
}
25% {
transform: rotate(90deg) rotateY(-5.95254deg) scaleX(1.00542);
}
33.33333% {
transform: rotate(90deg) rotateY(-2.55761deg) scaleX(1.001);
}
41.66667% {
transform: rotate(90deg) rotateY(-32.70345deg) scaleX(1.18838);
}
50% {
transform: rotate(90deg) rotateY(-54.60207deg) scaleX(1.72637);
}
58.33333% {
transform: rotate(90deg) rotateY(-59.70784deg) scaleX(1.98252);
}
66.66667% {
transform: rotate(90deg) rotateY(-52.56616deg) scaleX(1.64516);
}
75% {
transform: rotate(90deg) rotateY(-27.60057deg) scaleX(1.12841);
}
83.33333% {
transform: rotate(90deg) rotateY(-0.2936deg) scaleX(1.00001);
}
91.66667% {
transform: rotate(90deg) rotateY(-10.03525deg) scaleX(1.01554);
}
}
.point:nth-child(35) {
transform: translate3d(3em, 1em, 0.67845em);
background: #feff66;
animation: h35 9s linear infinite;
}
.point:nth-child(35):before {
opacity: .99;
transform: rotate(0deg) rotateY(9.51173deg) scaleX(1.01394);
animation-name: x35;
}
.point:nth-child(35):after {
opacity: .99;
transform: rotate(90deg) rotateY(-53.61635deg) scaleX(1.6858);
animation-name: y35;
}
@keyframes h35 {
0% {
transform: translate3d(3em, 1em, 0.67845em);
background: #feff66;
}
8.33333% {
transform: translate3d(3em, 1em, 0.65926em);
background: #ffff66;
}
16.66667% {
transform: translate3d(3em, 1em, -0.0833em);
background: #ffd466;
}
25% {
transform: translate3d(3em, 1em, -0.94008em);
background: #ffa366;
}
33.33333% {
transform: translate3d(3em, 1em, -1.2082em);
background: #ff9366;
}
41.66667% {
transform: translate3d(3em, 1em, -0.6677em);
background: #ffb266;
}
50% {
transform: translate3d(3em, 1em, 0.238em);
background: #ffe666;
}
58.33333% {
transform: translate3d(3em, 1em, 0.76591em);
background: #f9ff66;
}
66.66667% {
transform: translate3d(3em, 1em, 0.48295em);
background: #fff466;
}
75% {
transform: translate3d(3em, 1em, -0.37876em);
background: #ffc366;
}
83.33333% {
transform: translate3d(3em, 1em, -1.11229em);
background: #ff9966;
}
91.66667% {
transform: translate3d(3em, 1em, -1.11589em);
background: #ff9966;
}
}
@keyframes x35 {
0% {
transform: rotate(0deg) rotateY(9.51173deg) scaleX(1.01394);
}
8.33333% {
transform: rotate(0deg) rotateY(41.42962deg) scaleX(1.33374);
}
16.66667% {
transform: rotate(0deg) rotateY(57.47733deg) scaleX(1.86);
}
25% {
transform: rotate(0deg) rotateY(58.95147deg) scaleX(1.93887);
}
33.33333% {
transform: rotate(0deg) rotateY(47.35182deg) scaleX(1.47603);
}
41.66667% {
transform: rotate(0deg) rotateY(17.39753deg) scaleX(1.04794);
}
50% {
transform: rotate(0deg) rotateY(-1.22423deg) scaleX(1.00023);
}
58.33333% {
transform: rotate(0deg) rotateY(19.55795deg) scaleX(1.06123);
}
66.66667% {
transform: rotate(0deg) rotateY(48.61303deg) scaleX(1.51254);
}
75% {
transform: rotate(0deg) rotateY(59.19849deg) scaleX(1.95288);
}
83.33333% {
transform: rotate(0deg) rotateY(56.97528deg) scaleX(1.83486);
}
91.66667% {
transform: rotate(0deg) rotateY(39.71546deg) scaleX(1.30001);
}
}
@keyframes y35 {
0% {
transform: rotate(90deg) rotateY(-53.61635deg) scaleX(1.6858);
}
8.33333% {
transform: rotate(90deg) rotateY(-32.67945deg) scaleX(1.18807);
}
16.66667% {
transform: rotate(90deg) rotateY(2.48164deg) scaleX(1.00094);
}
25% {
transform: rotate(90deg) rotateY(7.75937deg) scaleX(1.00924);
}
33.33333% {
transform: rotate(90deg) rotateY(-23.70546deg) scaleX(1.09215);
}
41.66667% {
transform: rotate(90deg) rotateY(-50.46254deg) scaleX(1.57089);
}
50% {
transform: rotate(90deg) rotateY(-57.1103deg) scaleX(1.84154);
}
58.33333% {
transform: rotate(90deg) rotateY(-49.47634deg) scaleX(1.53903);
}
66.66667% {
transform: rotate(90deg) rotateY(-21.30076deg) scaleX(1.07332);
}
75% {
transform: rotate(90deg) rotateY(8.67647deg) scaleX(1.01158);
}
83.33333% {
transform: rotate(90deg) rotateY(0.76734deg) scaleX(1.00009);
}
91.66667% {
transform: rotate(90deg) rotateY(-34.72215deg) scaleX(1.21666);
}
}
.point:nth-child(36) {
transform: translate3d(-3em, 2em, 0em);
background: #ffd966;
animation: h36 9s linear infinite;
}
.point:nth-child(36):after {
opacity: .99;
transform: rotate(90deg) rotateY(0deg) scaleX(1);
animation-name: y36;
}
@keyframes h36 {
0% {
transform: translate3d(-3em, 2em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(-3em, 2em, -0.87856em);
background: #ffa666;
}
16.66667% {
transform: translate3d(-3em, 2em, -1.21893em);
background: #ff9366;
}
25% {
transform: translate3d(-3em, 2em, -0.74188em);
background: #ffae66;
}
33.33333% {
transform: translate3d(-3em, 2em, 0.16123em);
background: #ffe266;
}
41.66667% {
transform: translate3d(-3em, 2em, 0.74953em);
background: #faff66;
}
50% {
transform: translate3d(-3em, 2em, 0.54039em);
background: #fff866;
}
58.33333% {
transform: translate3d(-3em, 2em, -0.29461em);
background: #ffc866;
}
66.66667% {
transform: translate3d(-3em, 2em, -1.07048em);
background: #ff9b66;
}
75% {
transform: translate3d(-3em, 2em, -1.15071em);
background: #ff9766;
}
83.33333% {
transform: translate3d(-3em, 2em, -0.46949em);
background: #ffbe66;
}
91.66667% {
transform: translate3d(-3em, 2em, 0.41433em);
background: #fff166;
}
}
@keyframes x36 {
0% {
transform: rotate(0deg) rotateY(56.74639deg) scaleX(1.82367);
}
8.33333% {
transform: rotate(0deg) rotateY(59.28857deg) scaleX(1.95804);
}
16.66667% {
transform: rotate(0deg) rotateY(49.1324deg) scaleX(1.52832);
}
25% {
transform: rotate(0deg) rotateY(20.4758deg) scaleX(1.06744);
}
33.33333% {
transform: rotate(0deg) rotateY(-1.1713deg) scaleX(1.00021);
}
41.66667% {
transform: rotate(0deg) rotateY(16.50547deg) scaleX(1.04298);
}
50% {
transform: rotate(0deg) rotateY(46.79364deg) scaleX(1.46065);
}
58.33333% {
transform: rotate(0deg) rotateY(58.83275deg) scaleX(1.93223);
}
66.66667% {
transform: rotate(0deg) rotateY(57.67281deg) scaleX(1.87002);
}
75% {
transform: rotate(0deg) rotateY(42.12239deg) scaleX(1.34823);
}
83.33333% {
transform: rotate(0deg) rotateY(10.28007deg) scaleX(1.01631);
}
91.66667% {
transform: rotate(0deg) rotateY(0.19757deg) scaleX(1.00001);
}
}
@keyframes y36 {
0% {
transform: rotate(90deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(90deg) rotateY(9.01308deg) scaleX(1.0125);
}
16.66667% {
transform: rotate(90deg) rotateY(-20.27522deg) scaleX(1.06605);
}
25% {
transform: rotate(90deg) rotateY(-49.0348deg) scaleX(1.52532);
}
33.33333% {
transform: rotate(90deg) rotateY(-57.0947deg) scaleX(1.84077);
}
41.66667% {
transform: rotate(90deg) rotateY(-50.85445deg) scaleX(1.58405);
}
50% {
transform: rotate(90deg) rotateY(-24.70732deg) scaleX(1.10077);
}
58.33333% {
transform: rotate(90deg) rotateY(7.32176deg) scaleX(1.00822);
}
66.66667% {
transform: rotate(90deg) rotateY(3.16023deg) scaleX(1.00152);
}
75% {
transform: rotate(90deg) rotateY(-31.78797deg) scaleX(1.17647);
}
83.33333% {
transform: rotate(90deg) rotateY(-53.3362deg) scaleX(1.67471);
}
91.66667% {
transform: rotate(90deg) rotateY(-56.68702deg) scaleX(1.82079);
}
}
.point:nth-child(37) {
transform: translate3d(-2em, 2em, -1.52446em);
background: #ff8166;
animation: h37 9s linear infinite;
}
.point:nth-child(37):before {
opacity: .99;
transform: rotate(0deg) rotateY(56.74639deg) scaleX(1.82367);
animation-name: x37;
}
.point:nth-child(37):after {
opacity: .99;
transform: rotate(90deg) rotateY(40.21599deg) scaleX(1.30956);
animation-name: y37;
}
@keyframes h37 {
0% {
transform: translate3d(-2em, 2em, -1.52446em);
background: #ff8166;
}
8.33333% {
transform: translate3d(-2em, 2em, -1.90007em);
background: #ff6c66;
}
16.66667% {
transform: translate3d(-2em, 2em, -1.45606em);
background: #ff8566;
}
25% {
transform: translate3d(-2em, 2em, -0.55667em);
background: #ffb966;
}
33.33333% {
transform: translate3d(-2em, 2em, 0.06027em);
background: #ffdc66;
}
41.66667% {
transform: translate3d(-2em, 2em, -0.11136em);
background: #ffd266;
}
50% {
transform: translate3d(-2em, 2em, -0.93075em);
background: #ffa366;
}
58.33333% {
transform: translate3d(-2em, 2em, -1.72571em);
background: #ff7666;
}
66.66667% {
transform: translate3d(-2em, 2em, -1.84408em);
background: #ff6f66;
}
75% {
transform: translate3d(-2em, 2em, -1.18876em);
background: #ff9566;
}
83.33333% {
transform: translate3d(-2em, 2em, -0.29734em);
background: #ffc866;
}
91.66667% {
transform: translate3d(-2em, 2em, 0.09888em);
background: #ffde66;
}
}
@keyframes x37 {
0% {
transform: rotate(0deg) rotateY(56.74639deg) scaleX(1.82367);
}
8.33333% {
transform: rotate(0deg) rotateY(45.62552deg) scaleX(1.42991);
}
16.66667% {
transform: rotate(0deg) rotateY(13.33692deg) scaleX(1.02772);
}
25% {
transform: rotate(0deg) rotateY(-10.49223deg) scaleX(1.017);
}
33.33333% {
transform: rotate(0deg) rotateY(5.75554deg) scaleX(1.00507);
}
41.66667% {
transform: rotate(0deg) rotateY(40.70719deg) scaleX(1.31917);
}
50% {
transform: rotate(0deg) rotateY(55.80718deg) scaleX(1.77942);
}
58.33333% {
transform: rotate(0deg) rotateY(55.07093deg) scaleX(1.74654);
}
66.66667% {
transform: rotate(0deg) rotateY(37.7177deg) scaleX(1.26417);
}
75% {
transform: rotate(0deg) rotateY(2.17847deg) scaleX(1.00072);
}
83.33333% {
transform: rotate(0deg) rotateY(-9.76722deg) scaleX(1.01471);
}
91.66667% {
transform: rotate(0deg) rotateY(17.49657deg) scaleX(1.04851);
}
}
@keyframes y37 {
0% {
transform: rotate(90deg) rotateY(40.21599deg) scaleX(1.30956);
}
8.33333% {
transform: rotate(90deg) rotateY(18.93402deg) scaleX(1.0572);
}
16.66667% {
transform: rotate(90deg) rotateY(-23.80798deg) scaleX(1.09301);
}
25% {
transform: rotate(90deg) rotateY(-40.79795deg) scaleX(1.32097);
}
33.33333% {
transform: rotate(90deg) rotateY(-30.00157deg) scaleX(1.15472);
}
41.66667% {
transform: rotate(90deg) rotateY(10.33856deg) scaleX(1.0165);
}
50% {
transform: rotate(90deg) rotateY(38.39401deg) scaleX(1.2759);
}
58.33333% {
transform: rotate(90deg) rotateY(36.96047deg) scaleX(1.25149);
}
66.66667% {
transform: rotate(90deg) rotateY(5.42784deg) scaleX(1.0045);
}
75% {
transform: rotate(90deg) rotateY(-32.62688deg) scaleX(1.18737);
}
83.33333% {
transform: rotate(90deg) rotateY(-40.3683deg) scaleX(1.31251);
}
91.66667% {
transform: rotate(90deg) rotateY(-19.9494deg) scaleX(1.06384);
}
}
.point:nth-child(38) {
transform: translate3d(-1em, 2em, -1.90097em);
background: #ff6c66;
animation: h38 9s linear infinite;
}
.point:nth-child(38):before {
opacity: .99;
transform: rotate(0deg) rotateY(20.62998deg) scaleX(1.06852);
animation-name: x38;
}
.point:nth-child(38):after {
opacity: .99;
transform: rotate(90deg) rotateY(46.5445deg) scaleX(1.45393);
animation-name: y38;
}
@keyframes h38 {
0% {
transform: translate3d(-1em, 2em, -1.90097em);
background: #ff6c66;
}
8.33333% {
transform: translate3d(-1em, 2em, -1.49079em);
background: #ff8366;
}
16.66667% {
transform: translate3d(-1em, 2em, -0.59674em);
background: #ffb766;
}
25% {
transform: translate3d(-1em, 2em, 0.04773em);
background: #ffdb66;
}
33.33333% {
transform: translate3d(-1em, 2em, -0.08608em);
background: #ffd466;
}
41.66667% {
transform: translate3d(-1em, 2em, -0.88839em);
background: #ffa666;
}
50% {
transform: translate3d(-1em, 2em, -1.70102em);
background: #ff7766;
}
58.33333% {
transform: translate3d(-1em, 2em, -1.85732em);
background: #ff6e66;
}
66.66667% {
transform: translate3d(-1em, 2em, -1.22906em);
background: #ff9266;
}
75% {
transform: translate3d(-1em, 2em, -0.33165em);
background: #ffc666;
}
83.33333% {
transform: translate3d(-1em, 2em, 0.09871em);
background: #ffde66;
}
91.66667% {
transform: translate3d(-1em, 2em, -0.29103em);
background: #ffc866;
}
}
@keyframes x38 {
0% {
transform: rotate(0deg) rotateY(20.62998deg) scaleX(1.06852);
}
8.33333% {
transform: rotate(0deg) rotateY(-22.25534deg) scaleX(1.08049);
}
16.66667% {
transform: rotate(0deg) rotateY(-40.65565deg) scaleX(1.31815);
}
25% {
transform: rotate(0deg) rotateY(-31.14291deg) scaleX(1.16839);
}
33.33333% {
transform: rotate(0deg) rotateY(8.32569deg) scaleX(1.01065);
}
41.66667% {
transform: rotate(0deg) rotateY(37.83998deg) scaleX(1.26626);
}
50% {
transform: rotate(0deg) rotateY(37.5981deg) scaleX(1.26213);
}
58.33333% {
transform: rotate(0deg) rotateY(7.49722deg) scaleX(1.00862);
}
66.66667% {
transform: rotate(0deg) rotateY(-31.586deg) scaleX(1.17391);
}
75% {
transform: rotate(0deg) rotateY(-40.58317deg) scaleX(1.31672);
}
83.33333% {
transform: rotate(0deg) rotateY(-21.60374deg) scaleX(1.07556);
}
91.66667% {
transform: rotate(0deg) rotateY(21.2989deg) scaleX(1.07331);
}
}
@keyframes y38 {
0% {
transform: rotate(90deg) rotateY(46.5445deg) scaleX(1.45393);
}
8.33333% {
transform: rotate(90deg) rotateY(15.05959deg) scaleX(1.03557);
}
16.66667% {
transform: rotate(90deg) rotateY(-10.25142deg) scaleX(1.01622);
}
25% {
transform: rotate(90deg) rotateY(4.23117deg) scaleX(1.00273);
}
33.33333% {
transform: rotate(90deg) rotateY(39.50261deg) scaleX(1.29602);
}
41.66667% {
transform: rotate(90deg) rotateY(55.52241deg) scaleX(1.76652);
}
50% {
transform: rotate(90deg) rotateY(55.39818deg) scaleX(1.76097);
}
58.33333% {
transform: rotate(90deg) rotateY(38.99789deg) scaleX(1.28672);
}
66.66667% {
transform: rotate(90deg) rotateY(3.62665deg) scaleX(1.00201);
}
75% {
transform: rotate(90deg) rotateY(-10.12902deg) scaleX(1.01583);
}
83.33333% {
transform: rotate(90deg) rotateY(15.7626deg) scaleX(1.03907);
}
91.66667% {
transform: rotate(90deg) rotateY(46.90427deg) scaleX(1.46366);
}
}
.point:nth-child(39) {
transform: translate3d(0em, 2em, -0.84601em);
background: #ffa866;
animation: h39 9s linear infinite;
}
.point:nth-child(39):before {
opacity: .99;
transform: rotate(0deg) rotateY(-46.5445deg) scaleX(1.45393);
animation-name: x39;
}
.point:nth-child(39):after {
opacity: .99;
transform: rotate(90deg) rotateY(25.14277deg) scaleX(1.10466);
animation-name: y39;
}
@keyframes h39 {
0% {
transform: translate3d(0em, 2em, -0.84601em);
background: #ffa866;
}
8.33333% {
transform: translate3d(0em, 2em, 0.04109em);
background: #ffdb66;
}
16.66667% {
transform: translate3d(0em, 2em, 0.71193em);
background: #fcff66;
}
25% {
transform: translate3d(0em, 2em, 0.61619em);
background: #fffc66;
}
33.33333% {
transform: translate3d(0em, 2em, -0.16761em);
background: #ffcf66;
}
41.66667% {
transform: translate3d(0em, 2em, -0.99645em);
background: #ffa066;
}
50% {
transform: translate3d(0em, 2em, -1.19039em);
background: #ff9466;
}
58.33333% {
transform: translate3d(0em, 2em, -0.59033em);
background: #ffb766;
}
66.66667% {
transform: translate3d(0em, 2em, 0.31147em);
background: #ffeb66;
}
75% {
transform: translate3d(0em, 2em, 0.7752em);
background: #f9ff66;
}
83.33333% {
transform: translate3d(0em, 2em, 0.42044em);
background: #fff166;
}
91.66667% {
transform: translate3d(0em, 2em, -0.46179em);
background: #ffbe66;
}
}
@keyframes x39 {
0% {
transform: rotate(0deg) rotateY(-46.5445deg) scaleX(1.45393);
}
8.33333% {
transform: rotate(0deg) rotateY(-56.87352deg) scaleX(1.82986);
}
16.66667% {
transform: rotate(0deg) rotateY(-52.62287deg) scaleX(1.64729);
}
25% {
transform: rotate(0deg) rotateY(-29.61264deg) scaleX(1.15024);
}
33.33333% {
transform: rotate(0deg) rotateY(4.65577deg) scaleX(1.00331);
}
41.66667% {
transform: rotate(0deg) rotateY(6.15538deg) scaleX(1.0058);
}
50% {
transform: rotate(0deg) rotateY(-27.03838deg) scaleX(1.12271);
}
58.33333% {
transform: rotate(0deg) rotateY(-51.7265deg) scaleX(1.61442);
}
66.66667% {
transform: rotate(0deg) rotateY(-57.02073deg) scaleX(1.8371);
}
75% {
transform: rotate(0deg) rotateY(-47.91194deg) scaleX(1.49193);
}
83.33333% {
transform: rotate(0deg) rotateY(-17.82183deg) scaleX(1.05041);
}
91.66667% {
transform: rotate(0deg) rotateY(9.6898deg) scaleX(1.01447);
}
}
@keyframes y39 {
0% {
transform: rotate(90deg) rotateY(25.14277deg) scaleX(1.10466);
}
8.33333% {
transform: rotate(90deg) rotateY(-0.42506deg) scaleX(1.00003);
}
16.66667% {
transform: rotate(90deg) rotateY(12.17496deg) scaleX(1.02301);
}
25% {
transform: rotate(90deg) rotateY(43.69804deg) scaleX(1.38314);
}
33.33333% {
transform: rotate(90deg) rotateY(58.09779deg) scaleX(1.89225);
}
41.66667% {
transform: rotate(90deg) rotateY(58.51671deg) scaleX(1.91479);
}
50% {
transform: rotate(90deg) rotateY(45.41017deg) scaleX(1.42445);
}
58.33333% {
transform: rotate(90deg) rotateY(14.43382deg) scaleX(1.03259);
}
66.66667% {
transform: rotate(90deg) rotateY(-0.9208deg) scaleX(1.00013);
}
75% {
transform: rotate(90deg) rotateY(22.66231deg) scaleX(1.08367);
}
83.33333% {
transform: rotate(90deg) rotateY(50.27241deg) scaleX(1.56461);
}
91.66667% {
transform: rotate(90deg) rotateY(59.46875deg) scaleX(1.96847);
}
}
.point:nth-child(40) {
transform: translate3d(1em, 2em, 0.84601em);
background: #f5ff66;
animation: h40 9s linear infinite;
}
.point:nth-child(40):before {
opacity: .99;
transform: rotate(0deg) rotateY(-59.42146deg) scaleX(1.96572);
animation-name: x40;
}
.point:nth-child(40):after {
opacity: .99;
transform: rotate(90deg) rotateY(-25.14277deg) scaleX(1.10466);
animation-name: y40;
}
@keyframes h40 {
0% {
transform: translate3d(1em, 2em, 0.84601em);
background: #f5ff66;
}
8.33333% {
transform: translate3d(1em, 2em, 1.54203em);
background: #cdff66;
}
16.66667% {
transform: translate3d(1em, 2em, 1.48451em);
background: #d0ff66;
}
25% {
transform: translate3d(1em, 2em, 0.72064em);
background: #fcff66;
}
33.33333% {
transform: translate3d(1em, 2em, -0.12292em);
background: #ffd266;
}
41.66667% {
transform: translate3d(1em, 2em, -0.35416em);
background: #ffc466;
}
50% {
transform: translate3d(1em, 2em, 0.21663em);
background: #ffe566;
}
58.33333% {
transform: translate3d(1em, 2em, 1.12119em);
background: #e5ff66;
}
66.66667% {
transform: translate3d(1em, 2em, 1.61746em);
background: #c8ff66;
}
75% {
transform: translate3d(1em, 2em, 1.29831em);
background: #dbff66;
}
83.33333% {
transform: translate3d(1em, 2em, 0.42556em);
background: #fff166;
}
91.66667% {
transform: translate3d(1em, 2em, -0.28481em);
background: #ffc866;
}
}
@keyframes x40 {
0% {
transform: rotate(0deg) rotateY(-59.42146deg) scaleX(1.96572);
}
8.33333% {
transform: rotate(0deg) rotateY(-56.33762deg) scaleX(1.80408);
}
16.66667% {
transform: rotate(0deg) rotateY(-37.68063deg) scaleX(1.26354);
}
25% {
transform: rotate(0deg) rotateY(-5.95254deg) scaleX(1.00542);
}
33.33333% {
transform: rotate(0deg) rotateY(-2.55761deg) scaleX(1.001);
}
41.66667% {
transform: rotate(0deg) rotateY(-32.70345deg) scaleX(1.18838);
}
50% {
transform: rotate(0deg) rotateY(-54.60207deg) scaleX(1.72637);
}
58.33333% {
transform: rotate(0deg) rotateY(-59.70784deg) scaleX(1.98252);
}
66.66667% {
transform: rotate(0deg) rotateY(-52.56616deg) scaleX(1.64516);
}
75% {
transform: rotate(0deg) rotateY(-27.60057deg) scaleX(1.12841);
}
83.33333% {
transform: rotate(0deg) rotateY(-0.2936deg) scaleX(1.00001);
}
91.66667% {
transform: rotate(0deg) rotateY(-10.03525deg) scaleX(1.01554);
}
}
@keyframes y40 {
0% {
transform: rotate(90deg) rotateY(-25.14277deg) scaleX(1.10466);
}
8.33333% {
transform: rotate(90deg) rotateY(-15.55176deg) scaleX(1.038);
}
16.66667% {
transform: rotate(90deg) rotateY(24.21956deg) scaleX(1.09652);
}
25% {
transform: rotate(90deg) rotateY(48.19847deg) scaleX(1.50026);
}
33.33333% {
transform: rotate(90deg) rotateY(49.68427deg) scaleX(1.5456);
}
41.66667% {
transform: rotate(90deg) rotateY(30.11934deg) scaleX(1.15609);
}
50% {
transform: rotate(90deg) rotateY(-10.45265deg) scaleX(1.01687);
}
58.33333% {
transform: rotate(90deg) rotateY(-26.0493deg) scaleX(1.11307);
}
66.66667% {
transform: rotate(90deg) rotateY(-4.76573deg) scaleX(1.00347);
}
75% {
transform: rotate(90deg) rotateY(34.95408deg) scaleX(1.22009);
}
83.33333% {
transform: rotate(90deg) rotateY(50.61212deg) scaleX(1.57588);
}
91.66667% {
transform: rotate(90deg) rotateY(46.28897deg) scaleX(1.44713);
}
}
.point:nth-child(41) {
transform: translate3d(2em, 2em, 1.90097em);
background: #b8ff66;
animation: h41 9s linear infinite;
}
.point:nth-child(41):before {
opacity: .99;
transform: rotate(0deg) rotateY(-46.5445deg) scaleX(1.45393);
animation-name: x41;
}
.point:nth-child(41):after {
opacity: .99;
transform: rotate(90deg) rotateY(-46.5445deg) scaleX(1.45393);
animation-name: y41;
}
@keyframes h41 {
0% {
transform: translate3d(2em, 2em, 1.90097em);
background: #b8ff66;
}
8.33333% {
transform: translate3d(2em, 2em, 1.88178em);
background: #b9ff66;
}
16.66667% {
transform: translate3d(2em, 2em, 1.13922em);
background: #e4ff66;
}
25% {
transform: translate3d(2em, 2em, 0.28244em);
background: #ffe966;
}
33.33333% {
transform: translate3d(2em, 2em, 0.01432em);
background: #ffda66;
}
41.66667% {
transform: translate3d(2em, 2em, 0.55482em);
background: #fff966;
}
50% {
transform: translate3d(2em, 2em, 1.46052em);
background: #d1ff66;
}
58.33333% {
transform: translate3d(2em, 2em, 1.98843em);
background: #b3ff66;
}
66.66667% {
transform: translate3d(2em, 2em, 1.70547em);
background: #c3ff66;
}
75% {
transform: translate3d(2em, 2em, 0.84376em);
background: #f5ff66;
}
83.33333% {
transform: translate3d(2em, 2em, 0.11023em);
background: #ffdf66;
}
91.66667% {
transform: translate3d(2em, 2em, 0.10663em);
background: #ffdf66;
}
}
@keyframes x41 {
0% {
transform: rotate(0deg) rotateY(-46.5445deg) scaleX(1.45393);
}
8.33333% {
transform: rotate(0deg) rotateY(-18.76466deg) scaleX(1.05614);
}
16.66667% {
transform: rotate(0deg) rotateY(19.04825deg) scaleX(1.05793);
}
25% {
transform: rotate(0deg) rotateY(23.65829deg) scaleX(1.09176);
}
33.33333% {
transform: rotate(0deg) rotateY(-7.81466deg) scaleX(1.00937);
}
41.66667% {
transform: rotate(0deg) rotateY(-42.26107deg) scaleX(1.35119);
}
50% {
transform: rotate(0deg) rotateY(-51.21407deg) scaleX(1.59639);
}
58.33333% {
transform: rotate(0deg) rotateY(-40.91456deg) scaleX(1.3233);
}
66.66667% {
transform: rotate(0deg) rotateY(-5.0231deg) scaleX(1.00386);
}
75% {
transform: rotate(0deg) rotateY(24.43791deg) scaleX(1.09841);
}
83.33333% {
transform: rotate(0deg) rotateY(17.49053deg) scaleX(1.04847);
}
91.66667% {
transform: rotate(0deg) rotateY(-21.37513deg) scaleX(1.07387);
}
}
@keyframes y41 {
0% {
transform: rotate(90deg) rotateY(-46.5445deg) scaleX(1.45393);
}
8.33333% {
transform: rotate(90deg) rotateY(-18.76466deg) scaleX(1.05614);
}
16.66667% {
transform: rotate(90deg) rotateY(19.04825deg) scaleX(1.05793);
}
25% {
transform: rotate(90deg) rotateY(23.65829deg) scaleX(1.09176);
}
33.33333% {
transform: rotate(90deg) rotateY(-7.81466deg) scaleX(1.00937);
}
41.66667% {
transform: rotate(90deg) rotateY(-42.26107deg) scaleX(1.35119);
}
50% {
transform: rotate(90deg) rotateY(-51.21407deg) scaleX(1.59639);
}
58.33333% {
transform: rotate(90deg) rotateY(-40.91456deg) scaleX(1.3233);
}
66.66667% {
transform: rotate(90deg) rotateY(-5.0231deg) scaleX(1.00386);
}
75% {
transform: rotate(90deg) rotateY(24.43791deg) scaleX(1.09841);
}
83.33333% {
transform: rotate(90deg) rotateY(17.49053deg) scaleX(1.04847);
}
91.66667% {
transform: rotate(90deg) rotateY(-21.37513deg) scaleX(1.07387);
}
}
.point:nth-child(42) {
transform: translate3d(3em, 2em, 1.52446em);
background: #ceff66;
animation: h42 9s linear infinite;
}
.point:nth-child(42):before {
opacity: .99;
transform: rotate(0deg) rotateY(20.62998deg) scaleX(1.06852);
animation-name: x42;
}
.point:nth-child(42):after {
opacity: .99;
transform: rotate(90deg) rotateY(-40.21599deg) scaleX(1.30956);
animation-name: y42;
}
@keyframes h42 {
0% {
transform: translate3d(3em, 2em, 1.52446em);
background: #ceff66;
}
8.33333% {
transform: translate3d(3em, 2em, 0.80452em);
background: #f7ff66;
}
16.66667% {
transform: translate3d(3em, 2em, -0.06393em);
background: #ffd566;
}
25% {
transform: translate3d(3em, 2em, -0.36844em);
background: #ffc466;
}
33.33333% {
transform: translate3d(3em, 2em, 0.14078em);
background: #ffe166;
}
41.66667% {
transform: translate3d(3em, 2em, 1.04601em);
background: #e9ff66;
}
50% {
transform: translate3d(3em, 2em, 1.60461em);
background: #c9ff66;
}
58.33333% {
transform: translate3d(3em, 2em, 1.35834em);
background: #d7ff66;
}
66.66667% {
transform: translate3d(3em, 2em, 0.50922em);
background: #fff666;
}
75% {
transform: translate3d(3em, 2em, -0.24615em);
background: #ffcb66;
}
83.33333% {
transform: translate3d(3em, 2em, -0.28811em);
background: #ffc866;
}
91.66667% {
transform: translate3d(3em, 2em, 0.41778em);
background: #fff166;
}
}
@keyframes x42 {
0% {
transform: rotate(0deg) rotateY(20.62998deg) scaleX(1.06852);
}
8.33333% {
transform: rotate(0deg) rotateY(47.14082deg) scaleX(1.47016);
}
16.66667% {
transform: rotate(0deg) rotateY(50.28192deg) scaleX(1.56492);
}
25% {
transform: rotate(0deg) rotateY(33.04994deg) scaleX(1.19304);
}
33.33333% {
transform: rotate(0deg) rotateY(-7.2073deg) scaleX(1.00796);
}
41.66667% {
transform: rotate(0deg) rotateY(-26.15019deg) scaleX(1.11403);
}
50% {
transform: rotate(0deg) rotateY(-8.19895deg) scaleX(1.01033);
}
58.33333% {
transform: rotate(0deg) rotateY(32.20703deg) scaleX(1.18185);
}
66.66667% {
transform: rotate(0deg) rotateY(50.12038deg) scaleX(1.55963);
}
75% {
transform: rotate(0deg) rotateY(47.47332deg) scaleX(1.47944);
}
83.33333% {
transform: rotate(0deg) rotateY(21.71651deg) scaleX(1.0764);
}
91.66667% {
transform: rotate(0deg) rotateY(-17.27292deg) scaleX(1.04723);
}
}
@keyframes y42 {
0% {
transform: rotate(90deg) rotateY(-40.21599deg) scaleX(1.30956);
}
8.33333% {
transform: rotate(90deg) rotateY(-8.26456deg) scaleX(1.01049);
}
16.66667% {
transform: rotate(90deg) rotateY(-1.10997deg) scaleX(1.00019);
}
25% {
transform: rotate(90deg) rotateY(-29.74993deg) scaleX(1.15181);
}
33.33333% {
transform: rotate(90deg) rotateY(-53.45641deg) scaleX(1.67945);
}
41.66667% {
transform: rotate(90deg) rotateY(-59.73969deg) scaleX(1.9844);
}
50% {
transform: rotate(90deg) rotateY(-53.81102deg) scaleX(1.69362);
}
58.33333% {
transform: rotate(90deg) rotateY(-30.63871deg) scaleX(1.16225);
}
66.66667% {
transform: rotate(90deg) rotateY(-1.50509deg) scaleX(1.00035);
}
75% {
transform: rotate(90deg) rotateY(-7.5535deg) scaleX(1.00875);
}
83.33333% {
transform: rotate(90deg) rotateY(-39.48186deg) scaleX(1.29563);
}
91.66667% {
transform: rotate(90deg) rotateY(-56.90408deg) scaleX(1.83136);
}
}
.point:nth-child(43) {
transform: translate3d(-3em, 3em, 0em);
background: #ffd966;
animation: h43 9s linear infinite;
}
.point:nth-child(43):after {
opacity: .99;
transform: rotate(90deg) rotateY(0deg) scaleX(1);
animation-name: y43;
}
@keyframes h43 {
0% {
transform: translate3d(-3em, 3em, 0em);
background: #ffd966;
}
8.33333% {
transform: translate3d(-3em, 3em, -0.37561em);
background: #ffc366;
}
16.66667% {
transform: translate3d(-3em, 3em, 0.0684em);
background: #ffdd66;
}
25% {
transform: translate3d(-3em, 3em, 0.96779em);
background: #eeff66;
}
33.33333% {
transform: translate3d(-3em, 3em, 1.58473em);
background: #caff66;
}
41.66667% {
transform: translate3d(-3em, 3em, 1.4131em);
background: #d4ff66;
}
50% {
transform: translate3d(-3em, 3em, 0.59371em);
background: #fffb66;
}
58.33333% {
transform: translate3d(-3em, 3em, -0.20125em);
background: #ffcd66;
}
66.66667% {
transform: translate3d(-3em, 3em, -0.31963em);
background: #ffc666;
}
75% {
transform: translate3d(-3em, 3em, 0.3357em);
background: #ffec66;
}
83.33333% {
transform: translate3d(-3em, 3em, 1.22712em);
background: #dfff66;
}
91.66667% {
transform: translate3d(-3em, 3em, 1.62334em);
background: #c8ff66;
}
}
@keyframes x43 {
0% {
transform: rotate(0deg) rotateY(50.72974deg) scaleX(1.57983);
}
8.33333% {
transform: rotate(0deg) rotateY(35.73296deg) scaleX(1.23191);
}
16.66667% {
transform: rotate(0deg) rotateY(-3.70578deg) scaleX(1.0021);
}
25% {
transform: rotate(0deg) rotateY(-25.96403deg) scaleX(1.11226);
}
33.33333% {
transform: rotate(0deg) rotateY(-11.36227deg) scaleX(1.01999);
}
41.66667% {
transform: rotate(0deg) rotateY(29.19974deg) scaleX(1.14557);
}
50% {
transform: rotate(0deg) rotateY(49.47712deg) scaleX(1.53905);
}
58.33333% {
transform: rotate(0deg) rotateY(48.479deg) scaleX(1.50854);
}
66.66667% {
transform: rotate(0deg) rotateY(25.24441deg) scaleX(1.10559);
}
75% {
transform: rotate(0deg) rotateY(-14.77788deg) scaleX(1.03421);
}
83.33333% {
transform: rotate(0deg) rotateY(-25.3574deg) scaleX(1.10662);
}
91.66667% {
transform: rotate(0deg) rotateY(0.77401deg) scaleX(1.00009);
}
}
@keyframes y43 {
0% {
transform: rotate(90deg) rotateY(0deg) scaleX(1);
}
8.33333% {
transform: rotate(90deg) rotateY(-26.68914deg) scaleX(1.11925);
}
16.66667% {
transform: rotate(90deg) rotateY(-52.16842deg) scaleX(1.63041);
}
25% {
transform: rotate(90deg) rotateY(-59.68091deg) scaleX(1.98092);
}
33.33333% {
transform: rotate(90deg) rotateY(-54.92795deg) scaleX(1.74032);
}
41.66667% {
transform: rotate(90deg) rotateY(-33.55616deg) scaleX(1.19998);
}
50% {
transform: rotate(90deg) rotateY(-3.05026deg) scaleX(1.00142);
}
58.33333% {
transform: rotate(90deg) rotateY(-5.32573deg) scaleX(1.00434);
}
66.66667% {
transform: rotate(90deg) rotateY(-36.89448deg) scaleX(1.2504);
}
75% {
transform: rotate(90deg) rotateY(-56.08077deg) scaleX(1.79204);
}
83.33333% {
transform: rotate(90deg) rotateY(-59.48929deg) scaleX(1.96967);
}
91.66667% {
transform: rotate(90deg) rotateY(-50.41838deg) scaleX(1.56942);
}
}
.point:nth-child(44) {
transform: translate3d(-2em, 3em, -1.22252em);
background: #ff9366;
animation: h44 9s linear infinite;
}
.point:nth-child(44):before {
opacity: .99;
transform: rotate(0deg) rotateY(50.72974deg) scaleX(1.57983);
animation-name: x44;
}
.point:nth-child(44):after {
opacity: .99;
transform: rotate(90deg) rotateY(-16.79192deg) scaleX(1.04454);
animation-name: y44;
}
@keyframes h44 {
0% {
transform: translate3d(-2em, 3em, -1.22252em);
background: #ff9366;
}
8.33333% {
transform: translate3d(-2em, 3em, -0.81234em);
background: #ffaa66;
}
16.66667% {
transform: translate3d(-2em, 3em, 0.08171em);
background: #ffdd66;
}
25% {
transform: translate3d(-2em, 3em, 0.72618em);
background: #fcff66;
}
33.33333% {
transform: translate3d(-2em, 3em, 0.59237em);
background: #fffb66;
}
41.66667% {
transform: translate3d(-2em, 3em, -0.20994em);
background: #ffcd66;
}
50% {
transform: translate3d(-2em, 3em, -1.02257em);
background: #ff9e66;
}
58.33333% {
transform: translate3d(-2em, 3em, -1.17887em);
background: #ff9566;
}
66.66667% {
transform: translate3d(-2em, 3em, -0.55061em);
background: #ffb966;
}
75% {
transform: translate3d(-2em, 3em, 0.3468em);
background: #ffed66;
}
83.33333% {
transform: translate3d(-2em, 3em, 0.77716em);
background: #f9ff66;
}
91.66667% {
transform: translate3d(-2em, 3em, 0.38742em);
background: #ffef66;
}
}
@keyframes x44 {
0% {
transform: rotate(0deg) rotateY(50.72974deg) scaleX(1.57983);
}
8.33333% {
transform: rotate(0deg) rotateY(23.58744deg) scaleX(1.09117);
}
16.66667% {
transform: rotate(0deg) rotateY(-0.76233deg) scaleX(1.00009);
}
25% {
transform: rotate(0deg) rotateY(13.57991deg) scaleX(1.02876);
}
33.33333% {
transform: rotate(0deg) rotateY(44.76264deg) scaleX(1.40839);
}
41.66667% {
transform: rotate(0deg) rotateY(58.36829deg) scaleX(1.90673);
}
50% {
transform: rotate(0deg) rotateY(58.26154deg) scaleX(1.90099);
}
58.33333% {
transform: rotate(0deg) rotateY(44.33577deg) scaleX(1.3981);
}
66.66667% {
transform: rotate(0deg) rotateY(13.0039deg) scaleX(1.02632);
}
75% {
transform: rotate(0deg) rotateY(-0.63595deg) scaleX(1.00006);
}
83.33333% {
transform: rotate(0deg) rotateY(24.21993deg) scaleX(1.09652);
}
91.66667% {
transform: rotate(0deg) rotateY(51.03455deg) scaleX(1.5902);
}
}
@keyframes y44 {
0% {
transform: rotate(90deg) rotateY(-16.79192deg) scaleX(1.04454);
}
8.33333% {
transform: rotate(90deg) rotateY(-47.41624deg) scaleX(1.47783);
}
16.66667% {
transform: rotate(90deg) rotateY(-56.97379deg) scaleX(1.83479);
}
25% {
transform: rotate(90deg) rotateY(-52.07163deg) scaleX(1.62687);
}
33.33333% {
transform: rotate(90deg) rotateY(-28.01516deg) scaleX(1.13273);
}
41.66667% {
transform: rotate(90deg) rotateY(5.62133deg) scaleX(1.00483);
}
50% {
transform: rotate(90deg) rotateY(5.23904deg) scaleX(1.0042);
}
58.33333% {
transform: rotate(90deg) rotateY(-28.66886deg) scaleX(1.13972);
}
66.66667% {
transform: rotate(90deg) rotateY(-52.30006deg) scaleX(1.63525);
}
75% {
transform: rotate(90deg) rotateY(-56.93628deg) scaleX(1.83294);
}
83.33333% {
transform: rotate(90deg) rotateY(-47.06774deg) scaleX(1.46814);
}
91.66667% {
transform: rotate(90deg) rotateY(-16.08754deg) scaleX(1.04076);
}
}
.point:nth-child(45) {
transform: translate3d(-1em, 3em, -1.52446em);
background: #ff8166;
animation: h45 9s linear infinite;
}
.point:nth-child(45):before {
opacity: .99;
transform: rotate(0deg) rotateY(16.79192deg) scaleX(1.04454);
animation-name: x45;
}
.point:nth-child(45):after {
opacity: .99;
transform: rotate(90deg) rotateY(-20.62998deg) scaleX(1.06852);
animation-name: y45;
}
@keyframes h45 {
0% {
transform: translate3d(-1em, 3em, -1.52446em);
background: #ff8166;
}
8.33333% {
transform: translate3d(-1em, 3em, -0.63736em);
background: #ffb466;
}
16.66667% {
transform: translate3d(-1em, 3em, 0.03349em);
background: #ffdb66;
}
25% {
transform: translate3d(-1em, 3em, -0.06226em);
background: #ffd566;
}
33.33333% {
transform: translate3d(-1em, 3em, -0.84605em);
background: #ffa866;
}
41.66667% {
transform: translate3d(-1em, 3em, -1.6749em);
background: #ff7966;
}
50% {
transform: translate3d(-1em, 3em, -1.86884em);
background: #ff6e66;
}
58.33333% {
transform: translate3d(-1em, 3em, -1.26877em);
background: #ff9066;
}
66.66667% {
transform: translate3d(-1em, 3em, -0.36698em);
background: #ffc466;
}
75% {
transform: translate3d(-1em, 3em, 0.09675em);
background: #ffde66;
}
83.33333% {
transform: translate3d(-1em, 3em, -0.25801em);
background: #ffca66;
}
91.66667% {
transform: translate3d(-1em, 3em, -1.14023em);
background: #ff9766;
}
}
@keyframes x45 {
0% {
transform: rotate(0deg) rotateY(16.79192deg) scaleX(1.04454);
}
8.33333% {
transform: rotate(0deg) rotateY(-9.92456deg) scaleX(1.01519);
}
16.66667% {
transform: rotate(0deg) rotateY(2.75966deg) scaleX(1.00116);
}
25% {
transform: rotate(0deg) rotateY(38.2442deg) scaleX(1.27327);
}
33.33333% {
transform: rotate(0deg) rotateY(55.20758deg) scaleX(1.75253);
}
41.66667% {
transform: rotate(0deg) rotateY(55.69508deg) scaleX(1.77432);
}
50% {
transform: rotate(0deg) rotateY(40.22436deg) scaleX(1.30972);
}
58.33333% {
transform: rotate(0deg) rotateY(5.13036deg) scaleX(1.00402);
}
66.66667% {
transform: rotate(0deg) rotateY(-10.40478deg) scaleX(1.01672);
}
75% {
transform: rotate(0deg) rotateY(14.03504deg) scaleX(1.03077);
}
83.33333% {
transform: rotate(0deg) rotateY(46.0046deg) scaleX(1.43968);
}
91.66667% {
transform: rotate(0deg) rotateY(56.80129deg) scaleX(1.82634);
}
}
@keyframes y45 {
0% {
transform: rotate(90deg) rotateY(-20.62998deg) scaleX(1.06852);
}
8.33333% {
transform: rotate(90deg) rotateY(-40.46186deg) scaleX(1.31434);
}
16.66667% {
transform: rotate(90deg) rotateY(-32.21254deg) scaleX(1.18193);
}
25% {
transform: rotate(90deg) rotateY(6.26423deg) scaleX(1.00601);
}
33.33333% {
transform: rotate(90deg) rotateY(37.2268deg) scaleX(1.25589);
}
41.66667% {
transform: rotate(90deg) rotateY(38.17599deg) scaleX(1.27208);
}
50% {
transform: rotate(90deg) rotateY(9.52575deg) scaleX(1.01398);
}
58.33333% {
transform: rotate(90deg) rotateY(-30.47394deg) scaleX(1.16028);
}
66.66667% {
transform: rotate(90deg) rotateY(-40.74633deg) scaleX(1.31995);
}
75% {
transform: rotate(90deg) rotateY(-23.18613deg) scaleX(1.08787);
}
83.33333% {
transform: rotate(90deg) rotateY(19.63132deg) scaleX(1.06171);
}
91.66667% {
transform: rotate(90deg) rotateY(40.32219deg) scaleX(1.31162);
}
}
.point:nth-child(46) {
transform: translate3d(0em, 3em, -0.67845em);
background: #ffb266;
animation: h46 9s linear infinite;
}
.point:nth-child(46):before {
opacity: .99;
transform: rotate(0deg) rotateY(-40.21599deg) scaleX(1.30956);
animation-name: x46;
}
.point:nth-child(46):after {
opacity: .99;
transform: rotate(90deg) rotateY(-9.51173deg) scaleX(1.01394);
animation-name: y46;
}
@keyframes h46 {
0% {
transform: translate3d(0em, 3em, -0.67845em);
background: #ffb266;
}
8.33333% {
transform: translate3d(0em, 3em, 0.01757em);
background: #ffda66;
}
16.66667% {
transform: translate3d(0em, 3em, -0.03995em);
background: #ffd666;
}
25% {
transform: translate3d(0em, 3em, -0.80382em);
background: #ffab66;
}
33.33333% {
transform: translate3d(0em, 3em, -1.64738em);
background: #ff7a66;
}
41.66667% {
transform: translate3d(0em, 3em, -1.87862em);
background: #ff6d66;
}
50% {
transform: translate3d(0em, 3em, -1.30783em);
background: #ff8e66;
}
58.33333% {
transform: translate3d(0em, 3em, -0.40326em);
background: #ffc266;
}
66.66667% {
transform: translate3d(0em, 3em, 0.093em);
background: #ffde66;
}
75% {
transform: translate3d(0em, 3em, -0.22615em);
background: #ffcc66;
}
83.33333% {
transform: translate3d(0em, 3em, -1.0989em);
background: #ff9a66;
}
91.66667% {
transform: translate3d(0em, 3em, -1.80927em);
background: #ff7166;
}
}
@keyframes x46 {
0% {
transform: rotate(0deg) rotateY(-40.21599deg) scaleX(1.30956);
}
8.33333% {
transform: rotate(0deg) rotateY(-33.21181deg) scaleX(1.19524);
}
16.66667% {
transform: rotate(0deg) rotateY(4.19633deg) scaleX(1.00269);
}
25% {
transform: rotate(0deg) rotateY(36.55298deg) scaleX(1.24485);
}
33.33333% {
transform: rotate(0deg) rotateY(38.69557deg) scaleX(1.28126);
}
41.66667% {
transform: rotate(0deg) rotateY(11.51341deg) scaleX(1.02054);
}
50% {
transform: rotate(0deg) rotateY(-29.28946deg) scaleX(1.14658);
}
58.33333% {
transform: rotate(0deg) rotateY(-40.85825deg) scaleX(1.32217);
}
66.66667% {
transform: rotate(0deg) rotateY(-24.69488deg) scaleX(1.10066);
}
75% {
transform: rotate(0deg) rotateY(17.88299deg) scaleX(1.05077);
}
83.33333% {
transform: rotate(0deg) rotateY(40.04508deg) scaleX(1.30627);
}
91.66667% {
transform: rotate(0deg) rotateY(33.77247deg) scaleX(1.20301);
}
}
@keyframes y46 {
0% {
transform: rotate(90deg) rotateY(-9.51173deg) scaleX(1.01394);
}
8.33333% {
transform: rotate(90deg) rotateY(1.34739deg) scaleX(1.00028);
}
16.66667% {
transform: rotate(90deg) rotateY(36.93234deg) scaleX(1.25102);
}
25% {
transform: rotate(90deg) rotateY(54.86196deg) scaleX(1.73747);
}
33.33333% {
transform: rotate(90deg) rotateY(55.96233deg) scaleX(1.78655);
}
41.66667% {
transform: rotate(90deg) rotateY(41.41056deg) scaleX(1.33335);
}
50% {
transform: rotate(90deg) rotateY(6.69792deg) scaleX(1.00687);
}
58.33333% {
transform: rotate(90deg) rotateY(-10.59448deg) scaleX(1.01734);
}
66.66667% {
transform: rotate(90deg) rotateY(12.32187deg) scaleX(1.02358);
}
75% {
transform: rotate(90deg) rotateY(45.05712deg) scaleX(1.41563);
}
83.33333% {
transform: rotate(90deg) rotateY(56.65809deg) scaleX(1.81939);
}
91.66667% {
transform: rotate(90deg) rotateY(53.42601deg) scaleX(1.67825);
}
}
.point:nth-child(47) {
transform: translate3d(1em, 3em, 0.67845em);
background: #feff66;
animation: h47 9s linear infinite;
}
.point:nth-child(47):before {
opacity: .99;
transform: rotate(0deg) rotateY(-53.61635deg) scaleX(1.6858);
animation-name: x47;
}
.point:nth-child(47):after {
opacity: .99;
transform: rotate(90deg) rotateY(9.51173deg) scaleX(1.01394);
animation-name: y47;
}
@keyframes h47 {
0% {
transform: translate3d(1em, 3em, 0.67845em);
background: #feff66;
}
8.33333% {
transform: translate3d(1em, 3em, 0.65926em);
background: #ffff66;
}
16.66667% {
transform: translate3d(1em, 3em, -0.0833em);
background: #ffd466;
}
25% {
transform: translate3d(1em, 3em, -0.94008em);
background: #ffa366;
}
33.33333% {
transform: translate3d(1em, 3em, -1.2082em);
background: #ff9366;
}
41.66667% {
transform: translate3d(1em, 3em, -0.6677em);
background: #ffb266;
}
50% {
transform: translate3d(1em, 3em, 0.238em);
background: #ffe666;
}
58.33333% {
transform: translate3d(1em, 3em, 0.76591em);
background: #f9ff66;
}
66.66667% {
transform: translate3d(1em, 3em, 0.48295em);
background: #fff466;
}
75% {
transform: translate3d(1em, 3em, -0.37876em);
background: #ffc366;
}
83.33333% {
transform: translate3d(1em, 3em, -1.11229em);
background: #ff9966;
}
91.66667% {
transform: translate3d(1em, 3em, -1.11589em);
background: #ff9966;
}
}
@keyframes x47 {
0% {
transform: rotate(0deg) rotateY(-53.61635deg) scaleX(1.6858);
}
8.33333% {
transform: rotate(0deg) rotateY(-32.67945deg) scaleX(1.18807);
}
16.66667% {
transform: rotate(0deg) rotateY(2.48164deg) scaleX(1.00094);
}
25% {
transform: rotate(0deg) rotateY(7.75937deg) scaleX(1.00924);
}
33.33333% {
transform: rotate(0deg) rotateY(-23.70546deg) scaleX(1.09215);
}
41.66667% {
transform: rotate(0deg) rotateY(-50.46254deg) scaleX(1.57089);
}
50% {
transform: rotate(0deg) rotateY(-57.1103deg) scaleX(1.84154);
}
58.33333% {
transform: rotate(0deg) rotateY(-49.47634deg) scaleX(1.53903);
}
66.66667% {
transform: rotate(0deg) rotateY(-21.30076deg) scaleX(1.07332);
}
75% {
transform: rotate(0deg) rotateY(8.67647deg) scaleX(1.01158);
}
83.33333% {
transform: rotate(0deg) rotateY(0.76734deg) scaleX(1.00009);
}
91.66667% {
transform: rotate(0deg) rotateY(-34.72215deg) scaleX(1.21666);
}
}
@keyframes y47 {
0% {
transform: rotate(90deg) rotateY(9.51173deg) scaleX(1.01394);
}
8.33333% {
transform: rotate(90deg) rotateY(41.42962deg) scaleX(1.33374);
}
16.66667% {
transform: rotate(90deg) rotateY(57.47733deg) scaleX(1.86);
}
25% {
transform: rotate(90deg) rotateY(58.95147deg) scaleX(1.93887);
}
33.33333% {
transform: rotate(90deg) rotateY(47.35182deg) scaleX(1.47603);
}
41.66667% {
transform: rotate(90deg) rotateY(17.39753deg) scaleX(1.04794);
}
50% {
transform: rotate(90deg) rotateY(-1.22423deg) scaleX(1.00023);
}
58.33333% {
transform: rotate(90deg) rotateY(19.55795deg) scaleX(1.06123);
}
66.66667% {
transform: rotate(90deg) rotateY(48.61303deg) scaleX(1.51254);
}
75% {
transform: rotate(90deg) rotateY(59.19849deg) scaleX(1.95288);
}
83.33333% {
transform: rotate(90deg) rotateY(56.97528deg) scaleX(1.83486);
}
91.66667% {
transform: rotate(90deg) rotateY(39.71546deg) scaleX(1.30001);
}
}
.point:nth-child(48) {
transform: translate3d(2em, 3em, 1.52446em);
background: #ceff66;
animation: h48 9s linear infinite;
}
.point:nth-child(48):before {
opacity: .99;
transform: rotate(0deg) rotateY(-40.21599deg) scaleX(1.30956);
animation-name: x48;
}
.point:nth-child(48):after {
opacity: .99;
transform: rotate(90deg) rotateY(20.62998deg) scaleX(1.06852);
animation-name: y48;
}
@keyframes h48 {
0% {
transform: translate3d(2em, 3em, 1.52446em);
background: #ceff66;
}
8.33333% {
transform: translate3d(2em, 3em, 0.80452em);
background: #f7ff66;
}
16.66667% {
transform: translate3d(2em, 3em, -0.06393em);
background: #ffd566;
}
25% {
transform: translate3d(2em, 3em, -0.36844em);
background: #ffc466;
}
33.33333% {
transform: translate3d(2em, 3em, 0.14078em);
background: #ffe166;
}
41.66667% {
transform: translate3d(2em, 3em, 1.04601em);
background: #e9ff66;
}
50% {
transform: translate3d(2em, 3em, 1.60461em);
background: #c9ff66;
}
58.33333% {
transform: translate3d(2em, 3em, 1.35834em);
background: #d7ff66;
}
66.66667% {
transform: translate3d(2em, 3em, 0.50922em);
background: #fff666;
}
75% {
transform: translate3d(2em, 3em, -0.24615em);
background: #ffcb66;
}
83.33333% {
transform: translate3d(2em, 3em, -0.28811em);
background: #ffc866;
}
91.66667% {
transform: translate3d(2em, 3em, 0.41778em);
background: #fff166;
}
}
@keyframes x48 {
0% {
transform: rotate(0deg) rotateY(-40.21599deg) scaleX(1.30956);
}
8.33333% {
transform: rotate(0deg) rotateY(-8.26456deg) scaleX(1.01049);
}
16.66667% {
transform: rotate(0deg) rotateY(-1.10997deg) scaleX(1.00019);
}
25% {
transform: rotate(0deg) rotateY(-29.74993deg) scaleX(1.15181);
}
33.33333% {
transform: rotate(0deg) rotateY(-53.45641deg) scaleX(1.67945);
}
41.66667% {
transform: rotate(0deg) rotateY(-59.73969deg) scaleX(1.9844);
}
50% {
transform: rotate(0deg) rotateY(-53.81102deg) scaleX(1.69362);
}
58.33333% {
transform: rotate(0deg) rotateY(-30.63871deg) scaleX(1.16225);
}
66.66667% {
transform: rotate(0deg) rotateY(-1.50509deg) scaleX(1.00035);
}
75% {
transform: rotate(0deg) rotateY(-7.5535deg) scaleX(1.00875);
}
83.33333% {
transform: rotate(0deg) rotateY(-39.48186deg) scaleX(1.29563);
}
91.66667% {
transform: rotate(0deg) rotateY(-56.90408deg) scaleX(1.83136);
}
}
@keyframes y48 {
0% {
transform: rotate(90deg) rotateY(20.62998deg) scaleX(1.06852);
}
8.33333% {
transform: rotate(90deg) rotateY(47.14082deg) scaleX(1.47016);
}
16.66667% {
transform: rotate(90deg) rotateY(50.28192deg) scaleX(1.56492);
}
25% {
transform: rotate(90deg) rotateY(33.04994deg) scaleX(1.19304);
}
33.33333% {
transform: rotate(90deg) rotateY(-7.2073deg) scaleX(1.00796);
}
41.66667% {
transform: rotate(90deg) rotateY(-26.15019deg) scaleX(1.11403);
}
50% {
transform: rotate(90deg) rotateY(-8.19895deg) scaleX(1.01033);
}
58.33333% {
transform: rotate(90deg) rotateY(32.20703deg) scaleX(1.18185);
}
66.66667% {
transform: rotate(90deg) rotateY(50.12038deg) scaleX(1.55963);
}
75% {
transform: rotate(90deg) rotateY(47.47332deg) scaleX(1.47944);
}
83.33333% {
transform: rotate(90deg) rotateY(21.71651deg) scaleX(1.0764);
}
91.66667% {
transform: rotate(90deg) rotateY(-17.27292deg) scaleX(1.04723);
}
}
.point:nth-child(49) {
transform: translate3d(3em, 3em, 1.22252em);
background: #dfff66;
animation: h49 9s linear infinite;
}
.point:nth-child(49):before {
opacity: .99;
transform: rotate(0deg) rotateY(16.79192deg) scaleX(1.04454);
animation-name: x49;
}
.point:nth-child(49):after {
opacity: .99;
transform: rotate(90deg) rotateY(16.79192deg) scaleX(1.04454);
animation-name: y49;
}
@keyframes h49 {
0% {
transform: translate3d(3em, 3em, 1.22252em);
background: #dfff66;
}
8.33333% {
transform: translate3d(3em, 3em, 0.34396em);
background: #ffec66;
}
16.66667% {
transform: translate3d(3em, 3em, 0.00359em);
background: #ffd966;
}
25% {
transform: translate3d(3em, 3em, 0.48064em);
background: #fff466;
}
33.33333% {
transform: translate3d(3em, 3em, 1.38375em);
background: #d6ff66;
}
41.66667% {
transform: translate3d(3em, 3em, 1.97205em);
background: #b4ff66;
}
50% {
transform: translate3d(3em, 3em, 1.76292em);
background: #c0ff66;
}
58.33333% {
transform: translate3d(3em, 3em, 0.92791em);
background: #f0ff66;
}
66.66667% {
transform: translate3d(3em, 3em, 0.15205em);
background: #ffe166;
}
75% {
transform: translate3d(3em, 3em, 0.07181em);
background: #ffdd66;
}
83.33333% {
transform: translate3d(3em, 3em, 0.75303em);
background: #faff66;
}
91.66667% {
transform: translate3d(3em, 3em, 1.63685em);
background: #c7ff66;
}
}
@keyframes x49 {
0% {
transform: rotate(0deg) rotateY(16.79192deg) scaleX(1.04454);
}
8.33333% {
transform: rotate(0deg) rotateY(24.72255deg) scaleX(1.1009);
}
16.66667% {
transform: rotate(0deg) rotateY(-3.85954deg) scaleX(1.00227);
}
25% {
transform: rotate(0deg) rotateY(-40.318deg) scaleX(1.31154);
}
33.33333% {
transform: rotate(0deg) rotateY(-51.19333deg) scaleX(1.59567);
}
41.66667% {
transform: rotate(0deg) rotateY(-42.79056deg) scaleX(1.36269);
}
50% {
transform: rotate(0deg) rotateY(-8.99504deg) scaleX(1.01245);
}
58.33333% {
transform: rotate(0deg) rotateY(23.28413deg) scaleX(1.08867);
}
66.66667% {
transform: rotate(0deg) rotateY(19.65427deg) scaleX(1.06187);
}
75% {
transform: rotate(0deg) rotateY(-17.62716deg) scaleX(1.04927);
}
83.33333% {
transform: rotate(0deg) rotateY(-46.16837deg) scaleX(1.44396);
}
91.66667% {
transform: rotate(0deg) rotateY(-50.65065deg) scaleX(1.57717);
}
}
@keyframes y49 {
0% {
transform: rotate(90deg) rotateY(16.79192deg) scaleX(1.04454);
}
8.33333% {
transform: rotate(90deg) rotateY(24.72255deg) scaleX(1.1009);
}
16.66667% {
transform: rotate(90deg) rotateY(-3.85954deg) scaleX(1.00227);
}
25% {
transform: rotate(90deg) rotateY(-40.318deg) scaleX(1.31154);
}
33.33333% {
transform: rotate(90deg) rotateY(-51.19333deg) scaleX(1.59567);
}
41.66667% {
transform: rotate(90deg) rotateY(-42.79056deg) scaleX(1.36269);
}
50% {
transform: rotate(90deg) rotateY(-8.99504deg) scaleX(1.01245);
}
58.33333% {
transform: rotate(90deg) rotateY(23.28413deg) scaleX(1.08867);
}
66.66667% {
transform: rotate(90deg) rotateY(19.65427deg) scaleX(1.06187);
}
75% {
transform: rotate(90deg) rotateY(-17.62716deg) scaleX(1.04927);
}
83.33333% {
transform: rotate(90deg) rotateY(-46.16837deg) scaleX(1.44396);
}
91.66667% {
transform: rotate(90deg) rotateY(-50.65065deg) scaleX(1.57717);
}
}
@keyframes a {
to {
transform: rotateX(90deg) rotate(360deg);
}
}
</style>
<script src="js/prefixfree.min.js"></script>
<script src="js/modernizr.js"></script>
</head>
<body>
<div class='surface'>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
<div class='point'></div>
</div>
</body>
</html>JS代码(modernizr.js):
/* Modernizr 2.7.1 (Custom Build) | MIT & BSD * Build:http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load */
window.Modernizr=function(e,t,n){
function L(e){
f.cssText=e}
function A(e,t){
return L(p.join(e+";
")+(t||""))}
function O(e,t){
return typeof e===t}
function M(e,t){
return!!~(""+e).indexOf(t)}
function _(e,t){
for(var r in e){
var i=e[r];
if(!M(i,"-")&&f[i]!==n)return t=="pfx"?i:!0}
return!1}
function D(e,t,r){
for(var i in e){
var s=t[e[i]];
if(s!==n)return r===!1?e[i]:O(s,"function")?s.bind(r||t):s}
return!1}
function P(e,t,n){
var r=e.charAt(0).toUpperCase()+e.slice(1),i=(e+" "+v.join(r+" ")+r).split(" ");
return O(t,"string")||O(t,"undefined")?_(i,t):(i=(e+" "+m.join(r+" ")+r).split(" "),D(i,t,n))}
function H(){
i.input=function(n){
for(var r=0,i=n.length;
r<i;
r++)w[n[r]]=n[r]in l;
return w.list&&(w.list=!!t.createElement("datalist")&&!!e.HTMLDataListElement),w}
("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),i.inputtypes=function(e){
for(var r=0,i,s,u,a=e.length;
r<a;
r++)l.setAttribute("type",s=e[r]),i=l.type!=="text",i&&(l.value=c,l.style.cssText="position:absolute;
visibility:hidden;
",/^range$/.test(s)&&l.style.WebkitAppearance!==n?(o.appendChild(l),u=t.defaultView,i=u.getComputedStyle&&u.getComputedStyle(l,null).WebkitAppearance!=="textfield"&&l.offsetHeight!==0,o.removeChild(l)):/^(search|tel)$/.test(s)||(/^(url|email)$/.test(s)?i=l.checkValidity&&l.checkValidity()===!1:i=l.value!=c)),b[e[r]]=!!i;
return b}
("search tel url email datetime date month week time datetime-local number range color".split(" "))}
var r="2.7.1",i={
}
,s=!0,o=t.documentElement,u="modernizr",a=t.createElement(u),f=a.style,l=t.createElement("input"),c=":)",h={
}
.toString,p=" -webkit- -moz- -o- -ms- ".split(" "),d="Webkit Moz O ms",v=d.split(" "),m=d.toLowerCase().split(" "),g={
svg:"http://www.w3.org/2000/svg"}
,y={
}
,b={
}
,w={
}
,E=[],S=E.slice,x,T=function(e,n,r,i){
var s,a,f,l,c=t.createElement("div"),h=t.body,p=h||t.createElement("body");
if(parseInt(r,10))while(r--)f=t.createElement("div"),f.id=i?i[r]:u+(r+1),c.appendChild(f);
return s=["­
",'<style id="s',u,'">',e,"</style>"].join(""),c.id=u,(h?c:p).innerHTML+=s,p.appendChild(c),h||(p.style.background="",p.style.overflow="hidden",l=o.style.overflow,o.style.overflow="hidden",o.appendChild(p)),a=n(c,e),h?c.parentNode.removeChild(c):(p.parentNode.removeChild(p),o.style.overflow=l),!!a}
,N=function(){
function r(r,i){
i=i||t.createElement(e[r]||"div"),r="on"+r;
var s=r in i;
return s||(i.setAttribute||(i=t.createElement("div")),i.setAttribute&&i.removeAttribute&&(i.setAttribute(r,""),s=O(i[r],"function"),O(i[r],"undefined")||(i[r]=n),i.removeAttribute(r))),i=null,s}
var e={
select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"}
;
return r}
(),C={
}
.hasOwnProperty,k;
!O(C,"undefined")&&!O(C.call,"undefined")?k=function(e,t){
return C.call(e,t)}
:k=function(e,t){
return t in e&&O(e.constructor.prototype[t],"undefined")}
,Function.prototype.bind||(Function.prototype.bind=function(t){
var n=this;
if(typeof n!="function")throw new TypeError;
var r=S.call(arguments,1),i=function(){
if(this instanceof i){
var e=function(){
}
;
e.prototype=n.prototype;
var s=new e,o=n.apply(s,r.concat(S.call(arguments)));
return Object(o)===o?o:s}
return n.apply(t,r.concat(S.call(arguments)))}
;
return i}
),y.flexbox=function(){
return P("flexWrap")}
,y.canvas=function(){
var e=t.createElement("canvas");
return!!e.getContext&&!!e.getContext("2d")}
,y.canvastext=function(){
return!!i.canvas&&!!O(t.createElement("canvas").getContext("2d").fillText,"function")}
,y.webgl=function(){
return!!e.WebGLRenderingContext}
,y.touch=function(){
var n;
return"ontouchstart"in e||e.DocumentTouch&&t instanceof DocumentTouch?n=!0:T(["@media (",p.join("touch-enabled),("),u,")","{
#modernizr{
top:9px;
position:absolute}
}
"].join(""),function(e){
n=e.offsetTop===9}
),n}
,y.geolocation=function(){
return"geolocation"in navigator}
,y.postmessage=function(){
return!!e.postMessage}
,y.websqldatabase=function(){
return!!e.openDatabase}
,y.indexedDB=function(){
return!!P("indexedDB",e)}
,y.hashchange=function(){
return N("hashchange",e)&&(t.documentMode===n||t.documentMode>7)}
,y.history=function(){
return!!e.history&&!!history.pushState}
,y.draganddrop=function(){
var e=t.createElement("div");
return"draggable"in e||"ondragstart"in e&&"ondrop"in e}
,y.websockets=function(){
return"WebSocket"in e||"MozWebSocket"in e}
,y.rgba=function(){
return L("background-color:rgba(150,255,150,.5)"),M(f.backgroundColor,"rgba")}
,y.hsla=function(){
return L("background-color:hsla(120,40%,100%,.5)"),M(f.backgroundColor,"rgba")||M(f.backgroundColor,"hsla")}
,y.multiplebgs=function(){
return L("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){
3}
/.test(f.background)}
,y.backgroundsize=function(){
return P("backgroundSize")}
,y.borderimage=function(){
return P("borderImage")}
,y.borderradius=function(){
return P("borderRadius")}
,y.boxshadow=function(){
return P("boxShadow")}
,y.textshadow=function(){
return t.createElement("div").style.textShadow===""}
,y.opacity=function(){
return A("opacity:.55"),/^0.55$/.test(f.opacity)}
,y.cssanimations=function(){
return P("animationName")}
,y.csscolumns=function(){
return P("columnCount")}
,y.cssgradients=function(){
var e="background-image:",t="gradient(linear,left top,right bottom,from(#9f9),to(white));
",n="linear-gradient(left top,#9f9,white);
";
return L((e+"-webkit- ".split(" ").join(t+e)+p.join(n+e)).slice(0,-e.length)),M(f.backgroundImage,"gradient")}
,y.cssreflections=function(){
return P("boxReflect")}
,y.csstransforms=function(){
return!!P("transform")}
,y.csstransforms3d=function(){
var e=!!P("perspective");
return e&&"webkitPerspective"in o.style&&T("@media (transform-3d),(-webkit-transform-3d){
#modernizr{
left:9px;
position:absolute;
height:3px;
}
}
",function(t,n){
e=t.offsetLeft===9&&t.offsetHeight===3}
),e}
,y.csstransitions=function(){
return P("transition")}
,y.fontface=function(){
var e;
return T('@font-face{
font-family:"font";
src:url("https://")}
',function(n,r){
var i=t.getElementById("smodernizr"),s=i.sheet||i.styleSheet,o=s?s.cssRules&&s.cssRules[0]?s.cssRules[0].cssText:s.cssText||"":"";
e=/src/i.test(o)&&o.indexOf(r.split(" ")[0])===0}
),e}
,y.generatedcontent=function(){
var e;
return T(["#",u,"{
font:0/0 a}
#",u,':after{
content:"',c,'";
visibility:hidden;
font:3px/1 a}
'].join(""),function(t){
e=t.offsetHeight>=3}
),e}
,y.video=function(){
var e=t.createElement("video"),n=!1;
try{
if(n=!!e.canPlayType)n=new Boolean(n),n.ogg=e.canPlayType('video/ogg;
codecs="theora"').replace(/^no$/,""),n.h264=e.canPlayType('video/mp4;
codecs="avc1.42E01E"').replace(/^no$/,""),n.webm=e.canPlayType('video/webm;
codecs="vp8,vorbis"').replace(/^no$/,"")}
catch(r){
}
return n}
,y.audio=function(){
var e=t.createElement("audio"),n=!1;
try{
if(n=!!e.canPlayType)n=new Boolean(n),n.ogg=e.canPlayType('audio/ogg;
codecs="vorbis"').replace(/^no$/,""),n.mp3=e.canPlayType("audio/mpeg;
").replace(/^no$/,""),n.wav=e.canPlayType('audio/wav;
codecs="1"').replace(/^no$/,""),n.m4a=(e.canPlayType("audio/x-m4a;
")||e.canPlayType("audio/aac;
")).replace(/^no$/,"")}
catch(r){
}
return n}
,y.localstorage=function(){
try{
return localStorage.setItem(u,u),localStorage.removeItem(u),!0}
catch(e){
return!1}
}
,y.sessionstorage=function(){
try{
return sessionStorage.setItem(u,u),sessionStorage.removeItem(u),!0}
catch(e){
return!1}
}
,y.webworkers=function(){
return!!e.Worker}
,y.applicationcache=function(){
return!!e.applicationCache}
,y.svg=function(){
return!!t.createElementNS&&!!t.createElementNS(g.svg,"svg").createSVGRect}
,y.inlinesvg=function(){
var e=t.createElement("div");
return e.innerHTML="<svg/>",(e.firstChild&&e.firstChild.namespaceURI)==g.svg}
,y.smil=function(){
return!!t.createElementNS&&/SVGAnimate/.test(h.call(t.createElementNS(g.svg,"animate")))}
,y.svgclippaths=function(){
return!!t.createElementNS&&/SVGClipPath/.test(h.call(t.createElementNS(g.svg,"clipPath")))}
;
for(var B in y)k(y,B)&&(x=B.toLowerCase(),i[x]=y[B](),E.push((i[x]?"":"no-")+x));
return i.input||H(),i.addTest=function(e,t){
if(typeof e=="object")for(var r in e)k(e,r)&&i.addTest(r,e[r]);
else{
e=e.toLowerCase();
if(i[e]!==n)return i;
t=typeof t=="function"?t():t,typeof s!="undefined"&&s&&(o.className+=" "+(t?"":"no-")+e),i[e]=t}
return i}
,L(""),a=l=null,function(e,t){
function c(e,t){
var n=e.createElement("p"),r=e.getElementsByTagName("head")[0]||e.documentElement;
return n.innerHTML="x<style>"+t+"</style>",r.insertBefore(n.lastChild,r.firstChild)}
function h(){
var e=y.elements;
return typeof e=="string"?e.split(" "):e}
function p(e){
var t=f[e[u]];
return t||(t={
}
,a++,e[u]=a,f[a]=t),t}
function d(e,n,r){
n||(n=t);
if(l)return n.createElement(e);
r||(r=p(n));
var o;
return r.cache[e]?o=r.cache[e].cloneNode():s.test(e)?o=(r.cache[e]=r.createElem(e)).cloneNode():o=r.createElem(e),o.canHaveChildren&&!i.test(e)&&!o.tagUrn?r.frag.appendChild(o):o}
function v(e,n){
e||(e=t);
if(l)return e.createDocumentFragment();
n=n||p(e);
var r=n.frag.cloneNode(),i=0,s=h(),o=s.length;
for(;
i<o;
i++)r.createElement(s[i]);
return r}
function m(e,t){
t.cache||(t.cache={
}
,t.createElem=e.createElement,t.createFrag=e.createDocumentFragment,t.frag=t.createFrag()),e.createElement=function(n){
return y.shivMethods?d(n,e,t):t.createElem(n)}
,e.createDocumentFragment=Function("h,f","return function(){
var n=f.cloneNode(),c=n.createElement;
h.shivMethods&&("+h().join().replace(/[\w\-]+/g,function(e){
return t.createElem(e),t.frag.createElement(e),'c("'+e+'")'}
)+");
return n}
")(y,t.frag)}
function g(e){
e||(e=t);
var n=p(e);
return y.shivCSS&&!o&&!n.hasCSS&&(n.hasCSS=!!c(e,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{
display:block}
mark{
background:#FF0;
color:#000}
template{
display:none}
")),l||m(e,n),e}
var n="3.7.0",r=e.html5||{
}
,i=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,s=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,o,u="_html5shiv",a=0,f={
}
,l;
(function(){
try{
var e=t.createElement("a");
e.innerHTML="<xyz></xyz>",o="hidden"in e,l=e.childNodes.length==1||function(){
t.createElement("a");
var e=t.createDocumentFragment();
return typeof e.cloneNode=="undefined"||typeof e.createDocumentFragment=="undefined"||typeof e.createElement=="undefined"}
()}
catch(n){
o=!0,l=!0}
}
)();
var y={
elements:r.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:n,shivCSS:r.shivCSS!==!1,supportsUnknownElements:l,shivMethods:r.shivMethods!==!1,type:"default",shivDocument:g,createElement:d,createDocumentFragment:v}
;
e.html5=y,g(t)}
(this,t),i._version=r,i._prefixes=p,i._domPrefixes=m,i._cssomPrefixes=v,i.hasEvent=N,i.testProp=function(e){
return _([e])}
,i.testAllProps=P,i.testStyles=T,i.prefixed=function(e,t,n){
return t?P(e,t,n):P(e,"pfx")}
,o.className=o.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(s?" js "+E.join(" "):""),i}
(this,this.document),function(e,t,n){
function r(e){
return"[object Function]"==d.call(e)}
function i(e){
return"string"==typeof e}
function s(){
}
function o(e){
return!e||"loaded"==e||"complete"==e||"uninitialized"==e}
function u(){
var e=v.shift();
m=1,e?e.t?h(function(){
("c"==e.t?k.injectCss:k.injectJs)(e.s,0,e.a,e.x,e.e,1)}
,0):(e(),u()):m=0}
function a(e,n,r,i,s,a,f){
function l(t){
if(!d&&o(c.readyState)&&(w.r=d=1,!m&&u(),c.onload=c.onreadystatechange=null,t)){
"img"!=e&&h(function(){
b.removeChild(c)}
,50);
for(var r in T[n])T[n].hasOwnProperty(r)&&T[n][r].onload()}
}
var f=f||k.errorTimeout,c=t.createElement(e),d=0,g=0,w={
t:r,s:n,e:s,a:a,x:f}
;
1===T[n]&&(g=1,T[n]=[]),"object"==e?c.data=n:(c.src=n,c.type=e),c.width=c.height="0",c.onerror=c.onload=c.onreadystatechange=function(){
l.call(this,g)}
,v.splice(i,0,w),"img"!=e&&(g||2===T[n]?(b.insertBefore(c,y?null:p),h(l,f)):T[n].push(c))}
function f(e,t,n,r,s){
return m=0,t=t||"j",i(e)?a("c"==t?E:w,e,t,this.i++,n,r,s):(v.splice(this.i++,0,e),1==v.length&&u()),this}
function l(){
var e=k;
return e.loader={
load:f,i:0}
,e}
var c=t.documentElement,h=e.setTimeout,p=t.getElementsByTagName("script")[0],d={
}
.toString,v=[],m=0,g="MozAppearance"in c.style,y=g&&!!t.createRange().compareNode,b=y?c:p.parentNode,c=e.opera&&"[object Opera]"==d.call(e.opera),c=!!t.attachEvent&&!c,w=g?"object":c?"script":"img",E=c?"script":w,S=Array.isArray||function(e){
return"[object Array]"==d.call(e)}
,x=[],T={
}
,N={
timeout:function(e,t){
return t.length&&(e.timeout=t[0]),e}
}
,C,k;
k=function(e){
function t(e){
var e=e.split("!"),t=x.length,n=e.pop(),r=e.length,n={
url:n,origUrl:n,prefixes:e}
,i,s,o;
for(s=0;
s<r;
s++)o=e[s].split("="),(i=N[o.shift()])&&(n=i(n,o));
for(s=0;
s<t;
s++)n=x[s](n);
return n}
function o(e,i,s,o,u){
var a=t(e),f=a.autoCallback;
a.url.split(".").pop().split("?").shift(),a.bypass||(i&&(i=r(i)?i:i[e]||i[o]||i[e.split("/").pop().split("?")[0]]),a.instead?a.instead(e,i,s,o,u):(T[a.url]?a.noexec=!0:T[a.url]=1,s.load(a.url,a.forceCSS||!a.forceJS&&"css"==a.url.split(".").pop().split("?").shift()?"c":n,a.noexec,a.attrs,a.timeout),(r(i)||r(f))&&s.load(function(){
l(),i&&i(a.origUrl,u,o),f&&f(a.origUrl,u,o),T[a.url]=2}
)))}
function u(e,t){
function n(e,n){
if(e){
if(i(e))n||(f=function(){
var e=[].slice.call(arguments);
l.apply(this,e),c()}
),o(e,f,t,0,u);
else if(Object(e)===e)for(p in h=function(){
var t=0,n;
for(n in e)e.hasOwnProperty(n)&&t++;
return t}
(),e)e.hasOwnProperty(p)&&(!n&&!--h&&(r(f)?f=function(){
var e=[].slice.call(arguments);
l.apply(this,e),c()}
:f[p]=function(e){
return function(){
var t=[].slice.call(arguments);
e&&e.apply(this,t),c()}
}
(l[p])),o(e[p],f,t,p,u))}
else!n&&c()}
var u=!!e.test,a=e.load||e.both,f=e.callback||s,l=f,c=e.complete||s,h,p;
n(u?e.yep:e.nope,!!a),a&&n(a)}
var a,f,c=this.yepnope.loader;
if(i(e))o(e,0,c,0);
else if(S(e))for(a=0;
a<e.length;
a++)f=e[a],i(f)?o(f,0,c,0):S(f)?k(f):Object(f)===f&&u(f,c);
else Object(e)===e&&u(e,c)}
,k.addPrefix=function(e,t){
N[e]=t}
,k.addFilter=function(e){
x.push(e)}
,k.errorTimeout=1e4,null==t.readyState&&t.addEventListener&&(t.readyState="loading",t.addEventListener("DOMContentLoaded",C=function(){
t.removeEventListener("DOMContentLoaded",C,0),t.readyState="complete"}
,0)),e.yepnope=l(),e.yepnope.executeStack=u,e.yepnope.injectJs=function(e,n,r,i,a,f){
var l=t.createElement("script"),c,d,i=i||k.errorTimeout;
l.src=e;
for(d in r)l.setAttribute(d,r[d]);
n=f?u:n||s,l.onreadystatechange=l.onload=function(){
!c&&o(l.readyState)&&(c=1,n(),l.onload=l.onreadystatechange=null)}
,h(function(){
c||(c=1,n(1))}
,i),a?l.onload():p.parentNode.insertBefore(l,p)}
,e.yepnope.injectCss=function(e,n,r,i,o,a){
var i=t.createElement("link"),f,n=a?u:n||s;
i.href=e,i.rel="stylesheet",i.type="text/css";
for(f in r)i.setAttribute(f,r[f]);
o||(p.parentNode.insertBefore(i,p),h(n,0))}
}
(this,document),Modernizr.load=function(){
yepnope.apply(window,[].slice.call(arguments,0))}
;
CSS代码(style.css):
html,body{overflow:hidden;margin:0;height:100%;}
body{perspective-origin:5% -50%;perspective:32em;font-size:2.5em;background:black;}
.surface{margin:-3em;width:6em;height:6em;transform:rotateX(90deg) rotate(0deg);animation:a 12.6s linear infinite;}
.surface,.surface *,.surface:before,.surface:after{position:absolute;top:50%;left:50%;transform-style:preserve-3d;}
.point:before,.point:after{margin:-.0625em/2 0;width:1em;height:.125em;transform-origin:100% 50%;opacity:.01;background:inherit;animation:inherit;content:'';}
.point:nth-child(1){transform:translate3d(-3em,-3em,0em);background:#ffd966;animation:h1 9s linear infinite;}
@keyframes h1{0%{transform:translate3d(-3em,-3em,0em);background:#ffd966;}
8.33333%{transform:translate3d(-3em,-3em,0.41018em);background:#fff066;}
16.66667%{transform:translate3d(-3em,-3em,1.30423em);background:#daff66;}
25%{transform:translate3d(-3em,-3em,1.9487em);background:#b5ff66;}
33.33333%{transform:translate3d(-3em,-3em,1.81489em);background:#bdff66;}
41.66667%{transform:translate3d(-3em,-3em,1.01258em);background:#ebff66;}
50%{transform:translate3d(-3em,-3em,0.19995em);background:#ffe466;}
58.33333%{transform:translate3d(-3em,-3em,0.04365em);background:#ffdb66;}
66.66667%{transform:translate3d(-3em,-3em,0.67191em);background:#ffff66;}
75%{transform:translate3d(-3em,-3em,1.56932em);background:#cbff66;}
83.33333%{transform:translate3d(-3em,-3em,1.99968em);background:#b3ff66;}
91.66667%{transform:translate3d(-3em,-3em,1.60994em);background:#c9ff66;}
}
@keyframes x1{0%{transform:rotate(0deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(0deg) rotateY(-38.15089deg) scaleX(1.27164);}
16.66667%{transform:rotate(0deg) rotateY(-51.03246deg) scaleX(1.59013);}
25%{transform:rotate(0deg) rotateY(-44.43163deg) scaleX(1.40039);}
33.33333%{transform:rotate(0deg) rotateY(-12.95912deg) scaleX(1.02614);}
41.66667%{transform:rotate(0deg) rotateY(21.82451deg) scaleX(1.07721);}
50%{transform:rotate(0deg) rotateY(21.49009deg) scaleX(1.07471);}
58.33333%{transform:rotate(0deg) rotateY(-13.75773deg) scaleX(1.02954);}
66.66667%{transform:rotate(0deg) rotateY(-44.73895deg) scaleX(1.40781);}
75%{transform:rotate(0deg) rotateY(-50.98253deg) scaleX(1.58842);}
83.33333%{transform:rotate(0deg) rotateY(-37.68035deg) scaleX(1.26353);}
91.66667%{transform:rotate(0deg) rotateY(0.76762deg) scaleX(1.00009);}
}
@keyframes y1{0%{transform:rotate(90deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(90deg) rotateY(-38.15089deg) scaleX(1.27164);}
16.66667%{transform:rotate(90deg) rotateY(-51.03246deg) scaleX(1.59013);}
25%{transform:rotate(90deg) rotateY(-44.43163deg) scaleX(1.40039);}
33.33333%{transform:rotate(90deg) rotateY(-12.95912deg) scaleX(1.02614);}
41.66667%{transform:rotate(90deg) rotateY(21.82451deg) scaleX(1.07721);}
50%{transform:rotate(90deg) rotateY(21.49009deg) scaleX(1.07471);}
58.33333%{transform:rotate(90deg) rotateY(-13.75773deg) scaleX(1.02954);}
66.66667%{transform:rotate(90deg) rotateY(-44.73895deg) scaleX(1.40781);}
75%{transform:rotate(90deg) rotateY(-50.98253deg) scaleX(1.58842);}
83.33333%{transform:rotate(90deg) rotateY(-37.68035deg) scaleX(1.26353);}
91.66667%{transform:rotate(90deg) rotateY(0.76762deg) scaleX(1.00009);}
}
.point:nth-child(2){transform:translate3d(-2em,-3em,0em);background:#ffd966;animation:h2 9s linear infinite;}
.point:nth-child(2):before{opacity:.99;transform:rotate(0deg) rotateY(0deg) scaleX(1);animation-name:x2;}
@keyframes h2{0%{transform:translate3d(-2em,-3em,0em);background:#ffd966;}
8.33333%{transform:translate3d(-2em,-3em,0.8871em);background:#f2ff66;}
16.66667%{transform:translate3d(-2em,-3em,1.55795em);background:#ccff66;}
25%{transform:translate3d(-2em,-3em,1.4622em);background:#d1ff66;}
33.33333%{transform:translate3d(-2em,-3em,0.6784em);background:#feff66;}
41.66667%{transform:translate3d(-2em,-3em,-0.15044em);background:#ffd066;}
50%{transform:translate3d(-2em,-3em,-0.34438em);background:#ffc566;}
58.33333%{transform:translate3d(-2em,-3em,0.25568em);background:#ffe766;}
66.66667%{transform:translate3d(-2em,-3em,1.15748em);background:#e3ff66;}
75%{transform:translate3d(-2em,-3em,1.62121em);background:#c8ff66;}
83.33333%{transform:translate3d(-2em,-3em,1.26645em);background:#ddff66;}
91.66667%{transform:translate3d(-2em,-3em,0.38422em);background:#ffef66;}
}
@keyframes x2{0%{transform:rotate(0deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(0deg) rotateY(-25.48935deg) scaleX(1.10783);}
16.66667%{transform:rotate(0deg) rotateY(-14.23248deg) scaleX(1.03167);}
25%{transform:rotate(0deg) rotateY(25.93393deg) scaleX(1.11198);}
33.33333%{transform:rotate(0deg) rotateY(48.66233deg) scaleX(1.51402);}
41.66667%{transform:rotate(0deg) rotateY(49.32739deg) scaleX(1.53436);}
50%{transform:rotate(0deg) rotateY(28.5578deg) scaleX(1.13852);}
58.33333%{transform:rotate(0deg) rotateY(-11.9697deg) scaleX(1.02223);}
66.66667%{transform:rotate(0deg) rotateY(-25.89105deg) scaleX(1.11157);}
75%{transform:rotate(0deg) rotateY(-2.96912deg) scaleX(1.00134);}
83.33333%{transform:rotate(0deg) rotateY(36.24477deg) scaleX(1.23993);}
91.66667%{transform:rotate(0deg) rotateY(50.80284deg) scaleX(1.5823);}
}
@keyframes y2{0%{transform:rotate(90deg) rotateY(-50.72974deg) scaleX(1.57983);}
8.33333%{transform:rotate(90deg) rotateY(-59.53099deg) scaleX(1.97211);}
16.66667%{transform:rotate(90deg) rotateY(-55.89887deg) scaleX(1.78363);}
25%{transform:rotate(90deg) rotateY(-36.34819deg) scaleX(1.24157);}
33.33333%{transform:rotate(90deg) rotateY(-4.91128deg) scaleX(1.00369);}
41.66667%{transform:rotate(90deg) rotateY(-3.40341deg) scaleX(1.00177);}
50%{transform:rotate(90deg) rotateY(-34.13239deg) scaleX(1.2081);}
58.33333%{transform:rotate(90deg) rotateY(-55.13549deg) scaleX(1.74936);}
66.66667%{transform:rotate(90deg) rotateY(-59.65787deg) scaleX(1.97956);}
75%{transform:rotate(90deg) rotateY(-51.88866deg) scaleX(1.62024);}
83.33333%{transform:rotate(90deg) rotateY(-26.06243deg) scaleX(1.11319);}
91.66667%{transform:rotate(90deg) rotateY(0.18321deg) scaleX(1.00001);}
}
.point:nth-child(3){transform:translate3d(-1em,-3em,0em);background:#ffd966;animation:h3 9s linear infinite;}
.point:nth-child(3):before{opacity:.99;transform:rotate(0deg) rotateY(0deg) scaleX(1);animation-name:x3;}
@keyframes h3{0%{transform:translate3d(-1em,-3em,0em);background:#ffd966;}
8.33333%{transform:translate3d(-1em,-3em,0.69602em);background:#fdff66;}
16.66667%{transform:translate3d(-1em,-3em,0.6385em);background:#fffd66;}
25%{transform:translate3d(-1em,-3em,-0.12537em);background:#ffd266;}
33.33333%{transform:translate3d(-1em,-3em,-0.96893em);background:#ffa166;}
41.66667%{transform:translate3d(-1em,-3em,-1.20017em);background:#ff9466;}
50%{transform:translate3d(-1em,-3em,-0.62938em);background:#ffb566;}
58.33333%{transform:translate3d(-1em,-3em,0.27518em);background:#ffe966;}
66.66667%{transform:translate3d(-1em,-3em,0.77145em);background:#f9ff66;}
75%{transform:translate3d(-1em,-3em,0.4523em);background:#fff366;}
83.33333%{transform:translate3d(-1em,-3em,-0.42045em);background:#ffc166;}
91.66667%{transform:translate3d(-1em,-3em,-1.13082em);background:#ff9866;}
}
@keyframes x3{0%{transform:rotate(0deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(0deg) rotateY(10.81697deg) scaleX(1.01809);}
16.66667%{transform:rotate(0deg) rotateY(42.58697deg) scaleX(1.35823);}
25%{transform:rotate(0deg) rotateY(57.80102deg) scaleX(1.87666);}
33.33333%{transform:rotate(0deg) rotateY(58.74652deg) scaleX(1.92743);}
41.66667%{transform:rotate(0deg) rotateY(46.4029deg) scaleX(1.45015);}
50%{transform:rotate(0deg) rotateY(15.90062deg) scaleX(1.03978);}
58.33333%{transform:rotate(0deg) rotateY(-1.117deg) scaleX(1.00019);}
66.66667%{transform:rotate(0deg) rotateY(21.10606deg) scaleX(1.07191);}
75%{transform:rotate(0deg) rotateY(49.47004deg) scaleX(1.53883);}
83.33333%{transform:rotate(0deg) rotateY(59.34539deg) scaleX(1.96132);}
91.66667%{transform:rotate(0deg) rotateY(56.5839deg) scaleX(1.81582);}
}
@keyframes y3{0%{transform:rotate(90deg) rotateY(-56.74639deg) scaleX(1.82367);}
8.33333%{transform:rotate(90deg) rotateY(-53.13741deg) scaleX(1.66695);}
16.66667%{transform:rotate(90deg) rotateY(-31.16859deg) scaleX(1.1687);}
25%{transform:rotate(90deg) rotateY(3.60853deg) scaleX(1.00199);}
33.33333%{transform:rotate(90deg) rotateY(7.00525deg) scaleX(1.00752);}
41.66667%{transform:rotate(90deg) rotateY(-25.38712deg) scaleX(1.10689);}
50%{transform:rotate(90deg) rotateY(-51.11439deg) scaleX(1.59295);}
58.33333%{transform:rotate(90deg) rotateY(-57.07869deg) scaleX(1.83997);}
66.66667%{transform:rotate(90deg) rotateY(-48.71066deg) scaleX(1.51547);}
75%{transform:rotate(90deg) rotateY(-19.57123deg) scaleX(1.06132);}
83.33333%{transform:rotate(90deg) rotateY(9.22598deg) scaleX(1.01311);}
91.66667%{transform:rotate(90deg) rotateY(-0.5392deg) scaleX(1.00004);}
}
.point:nth-child(4){transform:translate3d(0em,-3em,0em);background:#ffd966;animation:h4 9s linear infinite;}
.point:nth-child(4):before{opacity:.99;transform:rotate(0deg) rotateY(0deg) scaleX(1);animation-name:x4;}
@keyframes h4{0%{transform:translate3d(0em,-3em,0em);background:#ffd966;}
8.33333%{transform:translate3d(0em,-3em,-0.01918em);background:#ffd866;}
16.66667%{transform:translate3d(0em,-3em,-0.76175em);background:#ffad66;}
25%{transform:translate3d(0em,-3em,-1.61853em);background:#ff7c66;}
33.33333%{transform:translate3d(0em,-3em,-1.88665em);background:#ff6d66;}
41.66667%{transform:translate3d(0em,-3em,-1.34615em);background:#ff8c66;}
50%{transform:translate3d(0em,-3em,-0.44044em);background:#ffbf66;}
58.33333%{transform:translate3d(0em,-3em,0.08746em);background:#ffde66;}
66.66667%{transform:translate3d(0em,-3em,-0.1955em);background:#ffce66;}
75%{transform:translate3d(0em,-3em,-1.05721em);background:#ff9c66;}
83.33333%{transform:translate3d(0em,-3em,-1.79074em);background:#ff7266;}
91.66667%{transform:translate3d(0em,-3em,-1.79434em);background:#ff7266;}
}
@keyframes x4{0%{transform:rotate(0deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(0deg) rotateY(35.56782deg) scaleX(1.22937);}
16.66667%{transform:rotate(0deg) rotateY(54.4716deg) scaleX(1.72086);}
25%{transform:rotate(0deg) rotateY(56.20055deg) scaleX(1.79763);}
33.33333%{transform:rotate(0deg) rotateY(42.53315deg) scaleX(1.35706);}
41.66667%{transform:rotate(0deg) rotateY(8.30507deg) scaleX(1.0106);}
50%{transform:rotate(0deg) rotateY(-10.69807deg) scaleX(1.01769);}
58.33333%{transform:rotate(0deg) rotateY(10.63089deg) scaleX(1.01746);}
66.66667%{transform:rotate(0deg) rotateY(44.02281deg) scaleX(1.3907);}
75%{transform:rotate(0deg) rotateY(56.48751deg) scaleX(1.8112);}
83.33333%{transform:rotate(0deg) rotateY(53.88432deg) scaleX(1.69659);}
91.66667%{transform:rotate(0deg) rotateY(33.55397deg) scaleX(1.19995);}
}
@keyframes y4{0%{transform:rotate(90deg) rotateY(-34.14223deg) scaleX(1.20824);}
8.33333%{transform:rotate(90deg) rotateY(2.10428deg) scaleX(1.00067);}
16.66667%{transform:rotate(90deg) rotateY(35.81696deg) scaleX(1.23321);}
25%{transform:rotate(90deg) rotateY(39.15818deg) scaleX(1.28965);}
33.33333%{transform:rotate(90deg) rotateY(13.45277deg) scaleX(1.02821);}
41.66667%{transform:rotate(90deg) rotateY(-28.03157deg) scaleX(1.1329);}
50%{transform:rotate(90deg) rotateY(-40.91927deg) scaleX(1.32339);}
58.33333%{transform:rotate(90deg) rotateY(-26.12897deg) scaleX(1.11383);}
66.66667%{transform:rotate(90deg) rotateY(16.08557deg) scaleX(1.04075);}
75%{transform:rotate(90deg) rotateY(39.71471deg) scaleX(1.29999);}
83.33333%{transform:rotate(90deg) rotateY(34.66275deg) scaleX(1.21578);}
91.66667%{transform:rotate(90deg) rotateY(-0.85552deg) scaleX(1.00011);}
}
.point:nth-child(5){transform:translate3d(1em,-3em,0em);background:#ffd966;animation:h5 9s linear infinite;}
.point:nth-child(5):before{opacity:.99;transform:rotate(0deg) rotateY(0deg) scaleX(1);animation-name:x5;}
@keyframes h5{0%{transform:translate3d(1em,-3em,0em);background:#ffd966;}
8.33333%{transform:translate3d(1em,-3em,-0.71994em);background:#ffaf66;}
16.66667%{transform:translate3d(1em,-3em,-1.58839em);background:#ff7e66;}
25%{transform:translate3d(1em,-3em,-1.8929em);background:#ff6c66;}
33.33333%{transform:translate3d(1em,-3em,-1.38367em);background:#ff8966;}
41.66667%{transform:translate3d(1em,-3em,-0.47845em);background:#ffbd66;}
50%{transform:translate3d(1em,-3em,0.08015em);background:#ffdd66;}
58.33333%{transform:translate3d(1em,-3em,-0.16612em);background:#ffcf66;}
66.66667%{transform:translate3d(1em,-3em,-1.01523em);background:#ff9f66;}
75%{transform:translate3d(1em,-3em,-1.77061em);background:#ff7366;}
83.33333%{transform:translate3d(1em,-3em,-1.81257em);background:#ff7166;}
91.66667%{transform:translate3d(1em,-3em,-1.10668em);background:#ff9966;}
}
@keyframes x5{0%{transform:rotate(0deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(0deg) rotateY(35.00538deg) scaleX(1.22085);}
16.66667%{transform:rotate(0deg) rotateY(39.56507deg) scaleX(1.29718);}
25%{transform:rotate(0deg) rotateY(15.33715deg) scaleX(1.03693);}
33.33333%{transform:rotate(0deg) rotateY(-26.6901deg) scaleX(1.11926);}
41.66667%{transform:rotate(0deg) rotateY(-40.92956deg) scaleX(1.3236);}
50%{transform:rotate(0deg) rotateY(-27.48798deg) scaleX(1.12726);}
58.33333%{transform:rotate(0deg) rotateY(14.22524deg) scaleX(1.03163);}
66.66667%{transform:rotate(0deg) rotateY(39.33013deg) scaleX(1.29281);}
75%{transform:rotate(0deg) rotateY(35.49984deg) scaleX(1.22832);}
83.33333%{transform:rotate(0deg) rotateY(1.25025deg) scaleX(1.00024);}
91.66667%{transform:rotate(0deg) rotateY(-34.50089deg) scaleX(1.21342);}
}
@keyframes y5{0%{transform:rotate(90deg) rotateY(34.14223deg) scaleX(1.20824);}
8.33333%{transform:rotate(90deg) rotateY(54.06075deg) scaleX(1.70379);}
16.66667%{transform:rotate(90deg) rotateY(56.41031deg) scaleX(1.80753);}
25%{transform:rotate(90deg) rotateY(43.60307deg) scaleX(1.38096);}
33.33333%{transform:rotate(90deg) rotateY(9.95206deg) scaleX(1.01528);}
41.66667%{transform:rotate(90deg) rotateY(-10.71556deg) scaleX(1.01775);}
50%{transform:rotate(90deg) rotateY(8.96971deg) scaleX(1.01238);}
58.33333%{transform:rotate(90deg) rotateY(42.9741deg) scaleX(1.36675);}
66.66667%{transform:rotate(90deg) rotateY(56.28917deg) scaleX(1.8018);}
75%{transform:rotate(90deg) rotateY(54.30869deg) scaleX(1.71404);}
83.33333%{transform:rotate(90deg) rotateY(34.98703deg) scaleX(1.22058);}
91.66667%{transform:rotate(90deg) rotateY(-0.52769deg) scaleX(1.00004);}
}
.point:nth-child(6){transform:translate3d(2em,-3em,0em);background:#ffd966;animation:h6 9s linear infinite;}
.point:nth-child(6):before{opacity:.99;transform:rotate(0deg) rotateY(0deg) scaleX(1);animation-name:x6;}
@keyframes h6{0%{transform:translate3d(2em,-3em,0em);background:#ffd966;}
8.33333%{transform:translate3d(2em,-3em,-0.87856em);background:#ffa666;}
16.66667%{transform:translate3d(2em,-3em,-1.21893em);background:#ff9366;}
25%{transform:translate3d(2em,-3em,-0.74188em);background:#ffae66;}
33.33333%{transform:translate3d(2em,-3em,0.16123em);background:#ffe266;}
41.66667%{transform:translate3d(2em,-3em,0.74953em);background:#faff66;}
50%{transform:translate3d(2em,-3em,0.54039em);background:#fff866;}
58.33333%{transform:translate3d(2em,-3em,-0.29461em);background:#ffc866;}
66.66667%{transform:translate3d(2em,-3em,-1.07048em);background:#ff9b66;}
75%{transform:translate3d(2em,-3em,-1.15071em);background:#ff9766;}
83.33333%{transform:translate3d(2em,-3em,-0.46949em);background:#ffbe66;}
91.66667%{transform:translate3d(2em,-3em,0.41433em);background:#fff166;}
}
@keyframes x6{0%{transform:rotate(0deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(0deg) rotateY(9.01308deg) scaleX(1.0125);}
16.66667%{transform:rotate(0deg) rotateY(-20.27522deg) scaleX(1.06605);}
25%{transform:rotate(0deg) rotateY(-49.0348deg) scaleX(1.52532);}
33.33333%{transform:rotate(0deg) rotateY(-57.0947deg) scaleX(1.84077);}
41.66667%{transform:rotate(0deg) rotateY(-50.85445deg) scaleX(1.58405);}
50%{transform:rotate(0deg) rotateY(-24.70732deg) scaleX(1.10077);}
58.33333%{transform:rotate(0deg) rotateY(7.32176deg) scaleX(1.00822);}
66.66667%{transform:rotate(0deg) rotateY(3.16023deg) scaleX(1.00152);}
75%{transform:rotate(0deg) rotateY(-31.78797deg) scaleX(1.17647);}
83.33333%{transform:rotate(0deg) rotateY(-53.3362deg) scaleX(1.67471);}
91.66667%{transform:rotate(0deg) rotateY(-56.68702deg) scaleX(1.82079);}
}
@keyframes y6{0%{transform:rotate(90deg) rotateY(56.74639deg) scaleX(1.82367);}
8.33333%{transform:rotate(90deg) rotateY(59.28857deg) scaleX(1.95804);}
16.66667%{transform:rotate(90deg) rotateY(49.1324deg) scaleX(1.52832);}
25%{transform:rotate(90deg) rotateY(20.4758deg) scaleX(1.06744);}
33.33333%{transform:rotate(90deg) rotateY(-1.1713deg) scaleX(1.00021);}
41.66667%{transform:rotate(90deg) rotateY(16.50547deg) scaleX(1.04298);}
50%{transform:rotate(90deg) rotateY(46.79364deg) scaleX(1.46065);}
58.33333%{transform:rotate(90deg) rotateY(58.83275deg) scaleX(1.93223);}
66.66667%{transform:rotate(90deg) rotateY(57.67281deg) scaleX(1.87002);}
75%{transform:rotate(90deg) rotateY(42.12239deg) scaleX(1.34823);}
83.33333%{transform:rotate(90deg) rotateY(10.28007deg) scaleX(1.01631);}
91.66667%{transform:rotate(90deg) rotateY(0.19757deg) scaleX(1.00001);}
}
.point:nth-child(7){transform:translate3d(3em,-3em,0em);background:#ffd966;animation:h7 9s linear infinite;}
.point:nth-child(7):before{opacity:.99;transform:rotate(0deg) rotateY(0deg) scaleX(1);animation-name:x7;}
@keyframes h7{0%{transform:translate3d(3em,-3em,0em);background:#ffd966;}
8.33333%{transform:translate3d(3em,-3em,-0.37561em);background:#ffc366;}
16.66667%{transform:translate3d(3em,-3em,0.0684em);background:#ffdd66;}
25%{transform:translate3d(3em,-3em,0.96779em);background:#eeff66;}
33.33333%{transform:translate3d(3em,-3em,1.58473em);background:#caff66;}
41.66667%{transform:translate3d(3em,-3em,1.4131em);background:#d4ff66;}
50%{transform:translate3d(3em,-3em,0.59371em);background:#fffb66;}
58.33333%{transform:translate3d(3em,-3em,-0.20125em);background:#ffcd66;}
66.66667%{transform:translate3d(3em,-3em,-0.31963em);background:#ffc666;}
75%{transform:translate3d(3em,-3em,0.3357em);background:#ffec66;}
83.33333%{transform:translate3d(3em,-3em,1.22712em);background:#dfff66;}
91.66667%{transform:translate3d(3em,-3em,1.62334em);background:#c8ff66;}
}
@keyframes x7{0%{transform:rotate(0deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(0deg) rotateY(-26.68914deg) scaleX(1.11925);}
16.66667%{transform:rotate(0deg) rotateY(-52.16842deg) scaleX(1.63041);}
25%{transform:rotate(0deg) rotateY(-59.68091deg) scaleX(1.98092);}
33.33333%{transform:rotate(0deg) rotateY(-54.92795deg) scaleX(1.74032);}
41.66667%{transform:rotate(0deg) rotateY(-33.55616deg) scaleX(1.19998);}
50%{transform:rotate(0deg) rotateY(-3.05026deg) scaleX(1.00142);}
58.33333%{transform:rotate(0deg) rotateY(-5.32573deg) scaleX(1.00434);}
66.66667%{transform:rotate(0deg) rotateY(-36.89448deg) scaleX(1.2504);}
75%{transform:rotate(0deg) rotateY(-56.08077deg) scaleX(1.79204);}
83.33333%{transform:rotate(0deg) rotateY(-59.48929deg) scaleX(1.96967);}
91.66667%{transform:rotate(0deg) rotateY(-50.41838deg) scaleX(1.56942);}
}
@keyframes y7{0%{transform:rotate(90deg) rotateY(50.72974deg) scaleX(1.57983);}
8.33333%{transform:rotate(90deg) rotateY(35.73296deg) scaleX(1.23191);}
16.66667%{transform:rotate(90deg) rotateY(-3.70578deg) scaleX(1.0021);}
25%{transform:rotate(90deg) rotateY(-25.96403deg) scaleX(1.11226);}
33.33333%{transform:rotate(90deg) rotateY(-11.36227deg) scaleX(1.01999);}
41.66667%{transform:rotate(90deg) rotateY(29.19974deg) scaleX(1.14557);}
50%{transform:rotate(90deg) rotateY(49.47712deg) scaleX(1.53905);}
58.33333%{transform:rotate(90deg) rotateY(48.479deg) scaleX(1.50854);}
66.66667%{transform:rotate(90deg) rotateY(25.24441deg) scaleX(1.10559);}
75%{transform:rotate(90deg) rotateY(-14.77788deg) scaleX(1.03421);}
83.33333%{transform:rotate(90deg) rotateY(-25.3574deg) scaleX(1.10662);}
91.66667%{transform:rotate(90deg) rotateY(0.77401deg) scaleX(1.00009);}
}
.point:nth-child(8){transform:translate3d(-3em,-2em,0em);background:#ffd966;animation:h8 9s linear infinite;}
.point:nth-child(8):after{opacity:.99;transform:rotate(90deg) rotateY(0deg) scaleX(1);animation-name:y8;}
@keyframes h8{0%{transform:translate3d(-3em,-2em,0em);background:#ffd966;}
8.33333%{transform:translate3d(-3em,-2em,0.8871em);background:#f2ff66;}
16.66667%{transform:translate3d(-3em,-2em,1.55795em);background:#ccff66;}
25%{transform:translate3d(-3em,-2em,1.4622em);background:#d1ff66;}
33.33333%{transform:translate3d(-3em,-2em,0.6784em);background:#feff66;}
41.66667%{transform:translate3d(-3em,-2em,-0.15044em);background:#ffd066;}
50%{transform:translate3d(-3em,-2em,-0.34438em);background:#ffc566;}
58.33333%{transform:translate3d(-3em,-2em,0.25568em);background:#ffe766;}
66.66667%{transform:translate3d(-3em,-2em,1.15748em);background:#e3ff66;}
75%{transform:translate3d(-3em,-2em,1.62121em);background:#c8ff66;}
83.33333%{transform:translate3d(-3em,-2em,1.26645em);background:#ddff66;}
91.66667%{transform:translate3d(-3em,-2em,0.38422em);background:#ffef66;}
}
@keyframes x8{0%{transform:rotate(0deg) rotateY(-50.72974deg) scaleX(1.57983);}
8.33333%{transform:rotate(0deg) rotateY(-59.53099deg) scaleX(1.97211);}
16.66667%{transform:rotate(0deg) rotateY(-55.89887deg) scaleX(1.78363);}
25%{transform:rotate(0deg) rotateY(-36.34819deg) scaleX(1.24157);}
33.33333%{transform:rotate(0deg) rotateY(-4.91128deg) scaleX(1.00369);}
41.66667%{transform:rotate(0deg) rotateY(-3.40341deg) scaleX(1.00177);}
50%{transform:rotate(0deg) rotateY(-34.13239deg) scaleX(1.2081);}
58.33333%{transform:rotate(0deg) rotateY(-55.13549deg) scaleX(1.74936);}
66.66667%{transform:rotate(0deg) rotateY(-59.65787deg) scaleX(1.97956);}
75%{transform:rotate(0deg) rotateY(-51.88866deg) scaleX(1.62024);}
83.33333%{transform:rotate(0deg) rotateY(-26.06243deg) scaleX(1.11319);}
91.66667%{transform:rotate(0deg) rotateY(0.18321deg) scaleX(1.00001);}
}
@keyframes y8{0%{transform:rotate(90deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(90deg) rotateY(-25.48935deg) scaleX(1.10783);}
16.66667%{transform:rotate(90deg) rotateY(-14.23248deg) scaleX(1.03167);}
25%{transform:rotate(90deg) rotateY(25.93393deg) scaleX(1.11198);}
33.33333%{transform:rotate(90deg) rotateY(48.66233deg) scaleX(1.51402);}
41.66667%{transform:rotate(90deg) rotateY(49.32739deg) scaleX(1.53436);}
50%{transform:rotate(90deg) rotateY(28.5578deg) scaleX(1.13852);}
58.33333%{transform:rotate(90deg) rotateY(-11.9697deg) scaleX(1.02223);}
66.66667%{transform:rotate(90deg) rotateY(-25.89105deg) scaleX(1.11157);}
75%{transform:rotate(90deg) rotateY(-2.96912deg) scaleX(1.00134);}
83.33333%{transform:rotate(90deg) rotateY(36.24477deg) scaleX(1.23993);}
91.66667%{transform:rotate(90deg) rotateY(50.80284deg) scaleX(1.5823);}
}
.point:nth-child(9){transform:translate3d(-2em,-2em,1.22252em);background:#dfff66;animation:h9 9s linear infinite;}
.point:nth-child(9):before{opacity:.99;transform:rotate(0deg) rotateY(-50.72974deg) scaleX(1.57983);animation-name:x9;}
.point:nth-child(9):after{opacity:.99;transform:rotate(90deg) rotateY(-50.72974deg) scaleX(1.57983);animation-name:y9;}
@keyframes h9{0%{transform:translate3d(-2em,-2em,1.22252em);background:#dfff66;}
8.33333%{transform:translate3d(-2em,-2em,1.91854em);background:#b7ff66;}
16.66667%{transform:translate3d(-2em,-2em,1.86102em);background:#baff66;}
25%{transform:translate3d(-2em,-2em,1.09715em);background:#e6ff66;}
33.33333%{transform:translate3d(-2em,-2em,0.25359em);background:#ffe766;}
41.66667%{transform:translate3d(-2em,-2em,0.02235em);background:#ffda66;}
50%{transform:translate3d(-2em,-2em,0.59314em);background:#fffb66;}
58.33333%{transform:translate3d(-2em,-2em,1.4977em);background:#cfff66;}
66.66667%{transform:translate3d(-2em,-2em,1.99397em);background:#b3ff66;}
75%{transform:translate3d(-2em,-2em,1.67482em);background:#c5ff66;}
83.33333%{transform:translate3d(-2em,-2em,0.80207em);background:#f7ff66;}
91.66667%{transform:translate3d(-2em,-2em,0.0917em);background:#ffde66;}
}
@keyframes x9{0%{transform:rotate(0deg) rotateY(-50.72974deg) scaleX(1.57983);}
8.33333%{transform:rotate(0deg) rotateY(-45.90138deg) scaleX(1.437);}
16.66667%{transform:rotate(0deg) rotateY(-16.85136deg) scaleX(1.04487);}
25%{transform:rotate(0deg) rotateY(20.05275deg) scaleX(1.06453);}
33.33333%{transform:rotate(0deg) rotateY(23.01263deg) scaleX(1.08646);}
41.66667%{transform:rotate(0deg) rotateY(-9.80264deg) scaleX(1.01482);}
50%{transform:rotate(0deg) rotateY(-43.14147deg) scaleX(1.37049);}
58.33333%{transform:rotate(0deg) rotateY(-51.17203deg) scaleX(1.59494);}
66.66667%{transform:rotate(0deg) rotateY(-39.89766deg) scaleX(1.30346);}
75%{transform:rotate(0deg) rotateY(-3.06702deg) scaleX(1.00143);}
83.33333%{transform:rotate(0deg) rotateY(24.90218deg) scaleX(1.1025);}
91.66667%{transform:rotate(0deg) rotateY(16.29773deg) scaleX(1.04187);}
}
@keyframes y9{0%{transform:rotate(90deg) rotateY(-50.72974deg) scaleX(1.57983);}
8.33333%{transform:rotate(90deg) rotateY(-45.90138deg) scaleX(1.437);}
16.66667%{transform:rotate(90deg) rotateY(-16.85136deg) scaleX(1.04487);}
25%{transform:rotate(90deg) rotateY(20.05275deg) scaleX(1.06453);}
33.33333%{transform:rotate(90deg) rotateY(23.01263deg) scaleX(1.08646);}
41.66667%{transform:rotate(90deg) rotateY(-9.80264deg) scaleX(1.01482);}
50%{transform:rotate(90deg) rotateY(-43.14147deg) scaleX(1.37049);}
58.33333%{transform:rotate(90deg) rotateY(-51.17203deg) scaleX(1.59494);}
66.66667%{transform:rotate(90deg) rotateY(-39.89766deg) scaleX(1.30346);}
75%{transform:rotate(90deg) rotateY(-3.06702deg) scaleX(1.00143);}
83.33333%{transform:rotate(90deg) rotateY(24.90218deg) scaleX(1.1025);}
91.66667%{transform:rotate(90deg) rotateY(16.29773deg) scaleX(1.04187);}
}
.point:nth-child(10){transform:translate3d(-1em,-2em,1.52446em);background:#ceff66;animation:h10 9s linear infinite;}
.point:nth-child(10):before{opacity:.99;transform:rotate(0deg) rotateY(-16.79192deg) scaleX(1.04454);animation-name:x10;}
.point:nth-child(10):after{opacity:.99;transform:rotate(90deg) rotateY(-56.74639deg) scaleX(1.82367);animation-name:y10;}
@keyframes h10{0%{transform:translate3d(-1em,-2em,1.52446em);background:#ceff66;}
8.33333%{transform:translate3d(-1em,-2em,1.50527em);background:#cfff66;}
16.66667%{transform:translate3d(-1em,-2em,0.76271em);background:#f9ff66;}
25%{transform:translate3d(-1em,-2em,-0.09407em);background:#ffd366;}
33.33333%{transform:translate3d(-1em,-2em,-0.36219em);background:#ffc466;}
41.66667%{transform:translate3d(-1em,-2em,0.17831em);background:#ffe366;}
50%{transform:translate3d(-1em,-2em,1.08401em);background:#e7ff66;}
58.33333%{transform:translate3d(-1em,-2em,1.61192em);background:#c9ff66;}
66.66667%{transform:translate3d(-1em,-2em,1.32896em);background:#d9ff66;}
75%{transform:translate3d(-1em,-2em,0.46725em);background:#fff466;}
83.33333%{transform:translate3d(-1em,-2em,-0.26628em);background:#ffc966;}
91.66667%{transform:translate3d(-1em,-2em,-0.26988em);background:#ffc966;}
}
@keyframes x10{0%{transform:rotate(0deg) rotateY(-16.79192deg) scaleX(1.04454);}
8.33333%{transform:rotate(0deg) rotateY(22.45006deg) scaleX(1.082);}
16.66667%{transform:rotate(0deg) rotateY(47.69171deg) scaleX(1.48562);}
25%{transform:rotate(0deg) rotateY(50.00218deg) scaleX(1.55579);}
33.33333%{transform:rotate(0deg) rotateY(31.61709deg) scaleX(1.1743);}
41.66667%{transform:rotate(0deg) rotateY(-8.86397deg) scaleX(1.01209);}
50%{transform:rotate(0deg) rotateY(-26.13562deg) scaleX(1.11389);}
58.33333%{transform:rotate(0deg) rotateY(-6.51588deg) scaleX(1.0065);}
66.66667%{transform:rotate(0deg) rotateY(33.61333deg) scaleX(1.20078);}
75%{transform:rotate(0deg) rotateY(50.38483deg) scaleX(1.56831);}
83.33333%{transform:rotate(0deg) rotateY(46.90413deg) scaleX(1.46366);}
91.66667%{transform:rotate(0deg) rotateY(19.87736deg) scaleX(1.06335);}
}
@keyframes y10{0%{transform:rotate(90deg) rotateY(-56.74639deg) scaleX(1.82367);}
8.33333%{transform:rotate(90deg) rotateY(-38.97046deg) scaleX(1.28622);}
16.66667%{transform:rotate(90deg) rotateY(-7.08029deg) scaleX(1.00768);}
25%{transform:rotate(90deg) rotateY(-1.79241deg) scaleX(1.00049);}
33.33333%{transform:rotate(90deg) rotateY(-31.24126deg) scaleX(1.1696);}
41.66667%{transform:rotate(90deg) rotateY(-54.04651deg) scaleX(1.70321);}
50%{transform:rotate(90deg) rotateY(-59.73509deg) scaleX(1.98413);}
58.33333%{transform:rotate(90deg) rotateY(-53.20659deg) scaleX(1.66964);}
66.66667%{transform:rotate(90deg) rotateY(-29.1368deg) scaleX(1.14487);}
75%{transform:rotate(90deg) rotateY(-0.85679deg) scaleX(1.00011);}
83.33333%{transform:rotate(90deg) rotateY(-8.76388deg) scaleX(1.01181);}
91.66667%{transform:rotate(90deg) rotateY(-40.709deg) scaleX(1.31921);}
}
.point:nth-child(11){transform:translate3d(0em,-2em,0.67845em);background:#feff66;animation:h11 9s linear infinite;}
.point:nth-child(11):before{opacity:.99;transform:rotate(0deg) rotateY(40.21599deg) scaleX(1.30956);animation-name:x11;}
.point:nth-child(11):after{opacity:.99;transform:rotate(90deg) rotateY(-34.14223deg) scaleX(1.20824);animation-name:y11;}
@keyframes h11{0%{transform:translate3d(0em,-2em,0.67845em);background:#feff66;}
8.33333%{transform:translate3d(0em,-2em,-0.04149em);background:#ffd666;}
16.66667%{transform:translate3d(0em,-2em,-0.90994em);background:#ffa566;}
25%{transform:translate3d(0em,-2em,-1.21446em);background:#ff9366;}
33.33333%{transform:translate3d(0em,-2em,-0.70523em);background:#ffb066;}
41.66667%{transform:translate3d(0em,-2em,0.2em);background:#ffe466;}
50%{transform:translate3d(0em,-2em,0.7586em);background:#faff66;}
58.33333%{transform:translate3d(0em,-2em,0.51233em);background:#fff666;}
66.66667%{transform:translate3d(0em,-2em,-0.33679em);background:#ffc566;}
75%{transform:translate3d(0em,-2em,-1.09216em);background:#ff9a66;}
83.33333%{transform:translate3d(0em,-2em,-1.13412em);background:#ff9866;}
91.66667%{transform:translate3d(0em,-2em,-0.42823em);background:#ffc066;}
}
@keyframes x11{0%{transform:rotate(0deg) rotateY(40.21599deg) scaleX(1.30956);}
8.33333%{transform:rotate(0deg) rotateY(57.12604deg) scaleX(1.84232);}
16.66667%{transform:rotate(0deg) rotateY(59.13202deg) scaleX(1.94908);}
25%{transform:rotate(0deg) rotateY(48.25739deg) scaleX(1.50199);}
33.33333%{transform:rotate(0deg) rotateY(18.93294deg) scaleX(1.0572);}
41.66667%{transform:rotate(0deg) rotateY(-1.24234deg) scaleX(1.00024);}
50%{transform:rotate(0deg) rotateY(18.0126deg) scaleX(1.05154);}
58.33333%{transform:rotate(0deg) rotateY(47.72488deg) scaleX(1.48657);}
66.66667%{transform:rotate(0deg) rotateY(59.02774deg) scaleX(1.94317);}
75%{transform:rotate(0deg) rotateY(57.338deg) scaleX(1.85294);}
83.33333%{transform:rotate(0deg) rotateY(40.93405deg) scaleX(1.32369);}
91.66667%{transform:rotate(0deg) rotateY(8.99781deg) scaleX(1.01246);}
}
@keyframes y11{0%{transform:rotate(90deg) rotateY(-34.14223deg) scaleX(1.20824);}
8.33333%{transform:rotate(90deg) rotateY(1.27769deg) scaleX(1.00025);}
16.66667%{transform:rotate(90deg) rotateY(8.42883deg) scaleX(1.01092);}
25%{transform:rotate(90deg) rotateY(-21.99936deg) scaleX(1.07853);}
33.33333%{transform:rotate(90deg) rotateY(-49.76975deg) scaleX(1.54832);}
41.66667%{transform:rotate(90deg) rotateY(-57.11563deg) scaleX(1.84181);}
50%{transform:rotate(90deg) rotateY(-50.18612deg) scaleX(1.56178);}
58.33333%{transform:rotate(90deg) rotateY(-23.01499deg) scaleX(1.08648);}
66.66667%{transform:rotate(90deg) rotateY(8.04157deg) scaleX(1.00993);}
75%{transform:rotate(90deg) rotateY(2.00168deg) scaleX(1.00061);}
83.33333%{transform:rotate(90deg) rotateY(-33.27962deg) scaleX(1.19617);}
91.66667%{transform:rotate(90deg) rotateY(-53.80098deg) scaleX(1.69322);}
}
.point:nth-child(12){transform:translate3d(1em,-2em,-0.67845em);background:#ffb266;animation:h12 9s linear infinite;}
.point:nth-child(12):before{opacity:.99;transform:rotate(0deg) rotateY(53.61635deg) scaleX(1.6858);animation-name:x12;}
.point:nth-child(12):after{opacity:.99;transform:rotate(90deg) rotateY(34.14223deg) scaleX(1.20824);animation-name:y12;}
@keyframes h12{0%{transform:translate3d(1em,-2em,-0.67845em);background:#ffb266;}
8.33333%{transform:translate3d(1em,-2em,-1.55701em);background:#ff7f66;}
16.66667%{transform:translate3d(1em,-2em,-1.89738em);background:#ff6c66;}
25%{transform:translate3d(1em,-2em,-1.42033em);background:#ff8766;}
33.33333%{transform:translate3d(1em,-2em,-0.51722em);background:#ffbb66;}
41.66667%{transform:translate3d(1em,-2em,0.07108em);background:#ffdd66;}
50%{transform:translate3d(1em,-2em,-0.13805em);background:#ffd166;}
58.33333%{transform:translate3d(1em,-2em,-0.97306em);background:#ffa166;}
66.66667%{transform:translate3d(1em,-2em,-1.74892em);background:#ff7466;}
75%{transform:translate3d(1em,-2em,-1.82916em);background:#ff7066;}
83.33333%{transform:translate3d(1em,-2em,-1.14794em);background:#ff9766;}
91.66667%{transform:translate3d(1em,-2em,-0.26412em);background:#ffca66;}
}
@keyframes x12{0%{transform:rotate(0deg) rotateY(53.61635deg) scaleX(1.6858);}
8.33333%{transform:rotate(0deg) rotateY(56.59212deg) scaleX(1.81621);}
16.66667%{transform:rotate(0deg) rotateY(44.62103deg) scaleX(1.40495);}
25%{transform:rotate(0deg) rotateY(11.63183deg) scaleX(1.02097);}
33.33333%{transform:rotate(0deg) rotateY(-10.64694deg) scaleX(1.01752);}
41.66667%{transform:rotate(0deg) rotateY(7.34555deg) scaleX(1.00827);}
50%{transform:rotate(0deg) rotateY(41.87298deg) scaleX(1.34296);}
58.33333%{transform:rotate(0deg) rotateY(56.06257deg) scaleX(1.79119);}
66.66667%{transform:rotate(0deg) rotateY(54.70007deg) scaleX(1.73053);}
75%{transform:rotate(0deg) rotateY(36.38432deg) scaleX(1.24215);}
83.33333%{transform:rotate(0deg) rotateY(0.79192deg) scaleX(1.0001);}
91.66667%{transform:rotate(0deg) rotateY(-9.3195deg) scaleX(1.01338);}
}
@keyframes y12{0%{transform:rotate(90deg) rotateY(34.14223deg) scaleX(1.20824);}
8.33333%{transform:rotate(90deg) rotateY(39.91735deg) scaleX(1.30383);}
16.66667%{transform:rotate(90deg) rotateY(17.16072deg) scaleX(1.04659);}
25%{transform:rotate(90deg) rotateY(-25.28649deg) scaleX(1.10597);}
33.33333%{transform:rotate(90deg) rotateY(-40.88916deg) scaleX(1.32279);}
41.66667%{transform:rotate(90deg) rotateY(-28.78737deg) scaleX(1.14101);}
50%{transform:rotate(90deg) rotateY(12.30746deg) scaleX(1.02352);}
58.33333%{transform:rotate(90deg) rotateY(38.89029deg) scaleX(1.28477);}
66.66667%{transform:rotate(90deg) rotateY(36.26158deg) scaleX(1.24019);}
75%{transform:rotate(90deg) rotateY(3.34873deg) scaleX(1.00171);}
83.33333%{transform:rotate(90deg) rotateY(-33.59799deg) scaleX(1.20057);}
91.66667%{transform:rotate(90deg) rotateY(-40.10108deg) scaleX(1.30734);}
}
.point:nth-child(13){transform:translate3d(2em,-2em,-1.52446em);background:#ff8166;animation:h13 9s linear infinite;}
.point:nth-child(13):before{opacity:.99;transform:rotate(0deg) rotateY(40.21599deg) scaleX(1.30956);animation-name:x13;}
.point:nth-child(13):after{opacity:.99;transform:rotate(90deg) rotateY(56.74639deg) scaleX(1.82367);animation-name:y13;}
@keyframes h13{0%{transform:translate3d(2em,-2em,-1.52446em);background:#ff8166;}
8.33333%{transform:translate3d(2em,-2em,-1.90007em);background:#ff6c66;}
16.66667%{transform:translate3d(2em,-2em,-1.45606em);background:#ff8566;}
25%{transform:translate3d(2em,-2em,-0.55667em);background:#ffb966;}
33.33333%{transform:translate3d(2em,-2em,0.06027em);background:#ffdc66;}
41.66667%{transform:translate3d(2em,-2em,-0.11136em);background:#ffd266;}
50%{transform:translate3d(2em,-2em,-0.93075em);background:#ffa366;}
58.33333%{transform:translate3d(2em,-2em,-1.72571em);background:#ff7666;}
66.66667%{transform:translate3d(2em,-2em,-1.84408em);background:#ff6f66;}
75%{transform:translate3d(2em,-2em,-1.18876em);background:#ff9566;}
83.33333%{transform:translate3d(2em,-2em,-0.29734em);background:#ffc866;}
91.66667%{transform:translate3d(2em,-2em,0.09888em);background:#ffde66;}
}
@keyframes x13{0%{transform:rotate(0deg) rotateY(40.21599deg) scaleX(1.30956);}
8.33333%{transform:rotate(0deg) rotateY(18.93402deg) scaleX(1.0572);}
16.66667%{transform:rotate(0deg) rotateY(-23.80798deg) scaleX(1.09301);}
25%{transform:rotate(0deg) rotateY(-40.79795deg) scaleX(1.32097);}
33.33333%{transform:rotate(0deg) rotateY(-30.00157deg) scaleX(1.15472);}
41.66667%{transform:rotate(0deg) rotateY(10.33856deg) scaleX(1.0165);}
50%{transform:rotate(0deg) rotateY(38.39401deg) scaleX(1.2759);}
58.33333%{transform:rotate(0deg) rotateY(36.96047deg) scaleX(1.25149);}
66.66667%{transform:rotate(0deg) rotateY(5.42784deg) scaleX(1.0045);}
75%{transform:rotate(0deg) rotateY(-32.62688deg) scaleX(1.18737);}
83.33333%{transform:rotate(0deg) rotateY(-40.3683deg) scaleX(1.31251);}
91.66667%{transform:rotate(0deg) rotateY(-19.9494deg) scaleX(1.06384);}
}
@keyframes y13{0%{transform:rotate(90deg) rotateY(56.74639deg) scaleX(1.82367);}
8.33333%{transform:rotate(90deg) rotateY(45.62552deg) scaleX(1.42991);}
16.66667%{transform:rotate(90deg) rotateY(13.33692deg) scaleX(1.02772);}
25%{transform:rotate(90deg) rotateY(-10.49223deg) scaleX(1.017);}
33.33333%{transform:rotate(90deg) rotateY(5.75554deg) scaleX(1.00507);}
41.66667%{transform:rotate(90deg) rotateY(40.70719deg) scaleX(1.31917);}
50%{transform:rotate(90deg) rotateY(55.80718deg) scaleX(1.77942);}
58.33333%{transform:rotate(90deg) rotateY(55.07093deg) scaleX(1.74654);}
66.66667%{transform:rotate(90deg) rotateY(37.7177deg) scaleX(1.26417);}
75%{transform:rotate(90deg) rotateY(2.17847deg) scaleX(1.00072);}
83.33333%{transform:rotate(90deg) rotateY(-9.76722deg) scaleX(1.01471);}
91.66667%{transform:rotate(90deg) rotateY(17.49657deg) scaleX(1.04851);}
}
.point:nth-child(14){transform:translate3d(3em,-2em,-1.22252em);background:#ff9366;animation:h14 9s linear infinite;}
.point:nth-child(14):before{opacity:.99;transform:rotate(0deg) rotateY(-16.79192deg) scaleX(1.04454);animation-name:x14;}
.point:nth-child(14):after{opacity:.99;transform:rotate(90deg) rotateY(50.72974deg) scaleX(1.57983);animation-name:y14;}
@keyframes h14{0%{transform:translate3d(3em,-2em,-1.22252em);background:#ff9366;}
8.33333%{transform:translate3d(3em,-2em,-0.81234em);background:#ffaa66;}
16.66667%{transform:translate3d(3em,-2em,0.08171em);background:#ffdd66;}
25%{transform:translate3d(3em,-2em,0.72618em);background:#fcff66;}
33.33333%{transform:translate3d(3em,-2em,0.59237em);background:#fffb66;}
41.66667%{transform:translate3d(3em,-2em,-0.20994em);background:#ffcd66;}
50%{transform:translate3d(3em,-2em,-1.02257em);background:#ff9e66;}
58.33333%{transform:translate3d(3em,-2em,-1.17887em);background:#ff9566;}
66.66667%{transform:translate3d(3em,-2em,-0.55061em);background:#ffb966;}
75%{transform:translate3d(3em,-2em,0.3468em);background:#ffed66;}
83.33333%{transform:translate3d(3em,-2em,0.77716em);background:#f9ff66;}
91.66667%{transform:translate3d(3em,-2em,0.38742em);background:#ffef66;}
}
@keyframes x14{0%{transform:rotate(0deg) rotateY(-16.79192deg) scaleX(1.04454);}
8.33333%{transform:rotate(0deg) rotateY(-47.41624deg) scaleX(1.47783);}
16.66667%{transform:rotate(0deg) rotateY(-56.97379deg) scaleX(1.83479);}
25%{transform:rotate(0deg) rotateY(-52.07163deg) scaleX(1.62687);}
33.33333%{transform:rotate(0deg) rotateY(-28.01516deg) scaleX(1.13273);}
41.66667%{transform:rotate(0deg) rotateY(5.62133deg) scaleX(1.00483);}
50%{transform:rotate(0deg) rotateY(5.23904deg) scaleX(1.0042);}
58.33333%{transform:rotate(0deg) rotateY(-28.66886deg) scaleX(1.13972);}
66.66667%{transform:rotate(0deg) rotateY(-52.30006deg) scaleX(1.63525);}
75%{transform:rotate(0deg) rotateY(-56.93628deg) scaleX(1.83294);}
83.33333%{transform:rotate(0deg) rotateY(-47.06774deg) scaleX(1.46814);}
91.66667%{transform:rotate(0deg) rotateY(-16.08754deg) scaleX(1.04076);}
}
@keyframes y14{0%{transform:rotate(90deg) rotateY(50.72974deg) scaleX(1.57983);}
8.33333%{transform:rotate(90deg) rotateY(23.58744deg) scaleX(1.09117);}
16.66667%{transform:rotate(90deg) rotateY(-0.76233deg) scaleX(1.00009);}
25%{transform:rotate(90deg) rotateY(13.57991deg) scaleX(1.02876);}
33.33333%{transform:rotate(90deg) rotateY(44.76264deg) scaleX(1.40839);}
41.66667%{transform:rotate(90deg) rotateY(58.36829deg) scaleX(1.90673);}
50%{transform:rotate(90deg) rotateY(58.26154deg) scaleX(1.90099);}
58.33333%{transform:rotate(90deg) rotateY(44.33577deg) scaleX(1.3981);}
66.66667%{transform:rotate(90deg) rotateY(13.0039deg) scaleX(1.02632);}
75%{transform:rotate(90deg) rotateY(-0.63595deg) scaleX(1.00006);}
83.33333%{transform:rotate(90deg) rotateY(24.21993deg) scaleX(1.09652);}
91.66667%{transform:rotate(90deg) rotateY(51.03455deg) scaleX(1.5902);}
}
.point:nth-child(15){transform:translate3d(-3em,-1em,0em);background:#ffd966;animation:h15 9s linear infinite;}
.point:nth-child(15):after{opacity:.99;transform:rotate(90deg) rotateY(0deg) scaleX(1);animation-name:y15;}
@keyframes h15{0%{transform:translate3d(-3em,-1em,0em);background:#ffd966;}
8.33333%{transform:translate3d(-3em,-1em,0.69602em);background:#fdff66;}
16.66667%{transform:translate3d(-3em,-1em,0.6385em);background:#fffd66;}
25%{transform:translate3d(-3em,-1em,-0.12537em);background:#ffd266;}
33.33333%{transform:translate3d(-3em,-1em,-0.96893em);background:#ffa166;}
41.66667%{transform:translate3d(-3em,-1em,-1.20017em);background:#ff9466;}
50%{transform:translate3d(-3em,-1em,-0.62938em);background:#ffb566;}
58.33333%{transform:translate3d(-3em,-1em,0.27518em);background:#ffe966;}
66.66667%{transform:translate3d(-3em,-1em,0.77145em);background:#f9ff66;}
75%{transform:translate3d(-3em,-1em,0.4523em);background:#fff366;}
83.33333%{transform:translate3d(-3em,-1em,-0.42045em);background:#ffc166;}
91.66667%{transform:translate3d(-3em,-1em,-1.13082em);background:#ff9866;}
}
@keyframes x15{0%{transform:rotate(0deg) rotateY(-56.74639deg) scaleX(1.82367);}
8.33333%{transform:rotate(0deg) rotateY(-53.13741deg) scaleX(1.66695);}
16.66667%{transform:rotate(0deg) rotateY(-31.16859deg) scaleX(1.1687);}
25%{transform:rotate(0deg) rotateY(3.60853deg) scaleX(1.00199);}
33.33333%{transform:rotate(0deg) rotateY(7.00525deg) scaleX(1.00752);}
41.66667%{transform:rotate(0deg) rotateY(-25.38712deg) scaleX(1.10689);}
50%{transform:rotate(0deg) rotateY(-51.11439deg) scaleX(1.59295);}
58.33333%{transform:rotate(0deg) rotateY(-57.07869deg) scaleX(1.83997);}
66.66667%{transform:rotate(0deg) rotateY(-48.71066deg) scaleX(1.51547);}
75%{transform:rotate(0deg) rotateY(-19.57123deg) scaleX(1.06132);}
83.33333%{transform:rotate(0deg) rotateY(9.22598deg) scaleX(1.01311);}
91.66667%{transform:rotate(0deg) rotateY(-0.5392deg) scaleX(1.00004);}
}
@keyframes y15{0%{transform:rotate(90deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(90deg) rotateY(10.81697deg) scaleX(1.01809);}
16.66667%{transform:rotate(90deg) rotateY(42.58697deg) scaleX(1.35823);}
25%{transform:rotate(90deg) rotateY(57.80102deg) scaleX(1.87666);}
33.33333%{transform:rotate(90deg) rotateY(58.74652deg) scaleX(1.92743);}
41.66667%{transform:rotate(90deg) rotateY(46.4029deg) scaleX(1.45015);}
50%{transform:rotate(90deg) rotateY(15.90062deg) scaleX(1.03978);}
58.33333%{transform:rotate(90deg) rotateY(-1.117deg) scaleX(1.00019);}
66.66667%{transform:rotate(90deg) rotateY(21.10606deg) scaleX(1.07191);}
75%{transform:rotate(90deg) rotateY(49.47004deg) scaleX(1.53883);}
83.33333%{transform:rotate(90deg) rotateY(59.34539deg) scaleX(1.96132);}
91.66667%{transform:rotate(90deg) rotateY(56.5839deg) scaleX(1.81582);}
}
.point:nth-child(16){transform:translate3d(-2em,-1em,1.52446em);background:#ceff66;animation:h16 9s linear infinite;}
.point:nth-child(16):before{opacity:.99;transform:rotate(0deg) rotateY(-56.74639deg) scaleX(1.82367);animation-name:x16;}
.point:nth-child(16):after{opacity:.99;transform:rotate(90deg) rotateY(-16.79192deg) scaleX(1.04454);animation-name:y16;}
@keyframes h16{0%{transform:translate3d(-2em,-1em,1.52446em);background:#ceff66;}
8.33333%{transform:translate3d(-2em,-1em,1.50527em);background:#cfff66;}
16.66667%{transform:translate3d(-2em,-1em,0.76271em);background:#f9ff66;}
25%{transform:translate3d(-2em,-1em,-0.09407em);background:#ffd366;}
33.33333%{transform:translate3d(-2em,-1em,-0.36219em);background:#ffc466;}
41.66667%{transform:translate3d(-2em,-1em,0.17831em);background:#ffe366;}
50%{transform:translate3d(-2em,-1em,1.08401em);background:#e7ff66;}
58.33333%{transform:translate3d(-2em,-1em,1.61192em);background:#c9ff66;}
66.66667%{transform:translate3d(-2em,-1em,1.32896em);background:#d9ff66;}
75%{transform:translate3d(-2em,-1em,0.46725em);background:#fff466;}
83.33333%{transform:translate3d(-2em,-1em,-0.26628em);background:#ffc966;}
91.66667%{transform:translate3d(-2em,-1em,-0.26988em);background:#ffc966;}
}
@keyframes x16{0%{transform:rotate(0deg) rotateY(-56.74639deg) scaleX(1.82367);}
8.33333%{transform:rotate(0deg) rotateY(-38.97046deg) scaleX(1.28622);}
16.66667%{transform:rotate(0deg) rotateY(-7.08029deg) scaleX(1.00768);}
25%{transform:rotate(0deg) rotateY(-1.79241deg) scaleX(1.00049);}
33.33333%{transform:rotate(0deg) rotateY(-31.24126deg) scaleX(1.1696);}
41.66667%{transform:rotate(0deg) rotateY(-54.04651deg) scaleX(1.70321);}
50%{transform:rotate(0deg) rotateY(-59.73509deg) scaleX(1.98413);}
58.33333%{transform:rotate(0deg) rotateY(-53.20659deg) scaleX(1.66964);}
66.66667%{transform:rotate(0deg) rotateY(-29.1368deg) scaleX(1.14487);}
75%{transform:rotate(0deg) rotateY(-0.85679deg) scaleX(1.00011);}
83.33333%{transform:rotate(0deg) rotateY(-8.76388deg) scaleX(1.01181);}
91.66667%{transform:rotate(0deg) rotateY(-40.709deg) scaleX(1.31921);}
}
@keyframes y16{0%{transform:rotate(90deg) rotateY(-16.79192deg) scaleX(1.04454);}
8.33333%{transform:rotate(90deg) rotateY(22.45006deg) scaleX(1.082);}
16.66667%{transform:rotate(90deg) rotateY(47.69171deg) scaleX(1.48562);}
25%{transform:rotate(90deg) rotateY(50.00218deg) scaleX(1.55579);}
33.33333%{transform:rotate(90deg) rotateY(31.61709deg) scaleX(1.1743);}
41.66667%{transform:rotate(90deg) rotateY(-8.86397deg) scaleX(1.01209);}
50%{transform:rotate(90deg) rotateY(-26.13562deg) scaleX(1.11389);}
58.33333%{transform:rotate(90deg) rotateY(-6.51588deg) scaleX(1.0065);}
66.66667%{transform:rotate(90deg) rotateY(33.61333deg) scaleX(1.20078);}
75%{transform:rotate(90deg) rotateY(50.38483deg) scaleX(1.56831);}
83.33333%{transform:rotate(90deg) rotateY(46.90413deg) scaleX(1.46366);}
91.66667%{transform:rotate(90deg) rotateY(19.87736deg) scaleX(1.06335);}
}
.point:nth-child(17){transform:translate3d(-1em,-1em,1.90097em);background:#b8ff66;animation:h17 9s linear infinite;}
.point:nth-child(17):before{opacity:.99;transform:rotate(0deg) rotateY(-20.62998deg) scaleX(1.06852);animation-name:x17;}
.point:nth-child(17):after{opacity:.99;transform:rotate(90deg) rotateY(-20.62998deg) scaleX(1.06852);animation-name:y17;}
@keyframes h17{0%{transform:translate3d(-1em,-1em,1.90097em);background:#b8ff66;}
8.33333%{transform:translate3d(-1em,-1em,1.18103em);background:#e1ff66;}
16.66667%{transform:translate3d(-1em,-1em,0.31258em);background:#ffeb66;}
25%{transform:translate3d(-1em,-1em,0.00807em);background:#ffd966;}
33.33333%{transform:translate3d(-1em,-1em,0.5173em);background:#fff666;}
41.66667%{transform:translate3d(-1em,-1em,1.42252em);background:#d4ff66;}
50%{transform:translate3d(-1em,-1em,1.98112em);background:#b4ff66;}
58.33333%{transform:translate3d(-1em,-1em,1.73485em);background:#c2ff66;}
66.66667%{transform:translate3d(-1em,-1em,0.88573em);background:#f2ff66;}
75%{transform:translate3d(-1em,-1em,0.13036em);background:#ffe066;}
83.33333%{transform:translate3d(-1em,-1em,0.0884em);background:#ffde66;}
91.66667%{transform:translate3d(-1em,-1em,0.79429em);background:#f8ff66;}
}
@keyframes x17{0%{transform:rotate(0deg) rotateY(-20.62998deg) scaleX(1.06852);}
8.33333%{transform:rotate(0deg) rotateY(17.95221deg) scaleX(1.05118);}
16.66667%{transform:rotate(0deg) rotateY(24.22799deg) scaleX(1.09659);}
25%{transform:rotate(0deg) rotateY(-5.82162deg) scaleX(1.00518);}
33.33333%{transform:rotate(0deg) rotateY(-41.32402deg) scaleX(1.33158);}
41.66667%{transform:rotate(0deg) rotateY(-51.22116deg) scaleX(1.59664);}
50%{transform:rotate(0deg) rotateY(-41.88734deg) scaleX(1.34326);}
58.33333%{transform:rotate(0deg) rotateY(-7.00799deg) scaleX(1.00753);}
66.66667%{transform:rotate(0deg) rotateY(23.89884deg) scaleX(1.09378);}
75%{transform:rotate(0deg) rotateY(18.61748deg) scaleX(1.05522);}
83.33333%{transform:rotate(0deg) rotateY(-19.52749deg) scaleX(1.06103);}
91.66667%{transform:rotate(0deg) rotateY(-46.79231deg) scaleX(1.46061);}
}
@keyframes y17{0%{transform:rotate(90deg) rotateY(-20.62998deg) scaleX(1.06852);}
8.33333%{transform:rotate(90deg) rotateY(17.95221deg) scaleX(1.05118);}
16.66667%{transform:rotate(90deg) rotateY(24.22799deg) scaleX(1.09659);}
25%{transform:rotate(90deg) rotateY(-5.82162deg) scaleX(1.00518);}
33.33333%{transform:rotate(90deg) rotateY(-41.32402deg) scaleX(1.33158);}
41.66667%{transform:rotate(90deg) rotateY(-51.22116deg) scaleX(1.59664);}
50%{transform:rotate(90deg) rotateY(-41.88734deg) scaleX(1.34326);}
58.33333%{transform:rotate(90deg) rotateY(-7.00799deg) scaleX(1.00753);}
66.66667%{transform:rotate(90deg) rotateY(23.89884deg) scaleX(1.09378);}
75%{transform:rotate(90deg) rotateY(18.61748deg) scaleX(1.05522);}
83.33333%{transform:rotate(90deg) rotateY(-19.52749deg) scaleX(1.06103);}
91.66667%{transform:rotate(90deg) rotateY(-46.79231deg) scaleX(1.46061);}
}
.point:nth-child(18){transform:translate3d(0em,-1em,0.84601em);background:#f5ff66;animation:h18 9s linear infinite;}
.point:nth-child(18):before{opacity:.99;transform:rotate(0deg) rotateY(46.5445deg) scaleX(1.45393);animation-name:x18;}
.point:nth-child(18):after{opacity:.99;transform:rotate(90deg) rotateY(-9.51173deg) scaleX(1.01394);animation-name:y18;}
@keyframes h18{0%{transform:translate3d(0em,-1em,0.84601em);background:#f5ff66;}
8.33333%{transform:translate3d(0em,-1em,-0.03255em);background:#ffd766;}
16.66667%{transform:translate3d(0em,-1em,-0.37292em);background:#ffc366;}
25%{transform:translate3d(0em,-1em,0.10413em);background:#ffdf66;}
33.33333%{transform:translate3d(0em,-1em,1.00724em);background:#ebff66;}
41.66667%{transform:translate3d(0em,-1em,1.59554em);background:#caff66;}
50%{transform:translate3d(0em,-1em,1.38641em);background:#d6ff66;}
58.33333%{transform:translate3d(0em,-1em,0.5514em);background:#fff866;}
66.66667%{transform:translate3d(0em,-1em,-0.22446em);background:#ffcc66;}
75%{transform:translate3d(0em,-1em,-0.3047em);background:#ffc766;}
83.33333%{transform:translate3d(0em,-1em,0.37652em);background:#ffee66;}
91.66667%{transform:translate3d(0em,-1em,1.26034em);background:#ddff66;}
}
@keyframes x18{0%{transform:rotate(0deg) rotateY(46.5445deg) scaleX(1.45393);}
8.33333%{transform:rotate(0deg) rotateY(50.52423deg) scaleX(1.57294);}
16.66667%{transform:rotate(0deg) rotateY(34.41733deg) scaleX(1.21221);}
25%{transform:rotate(0deg) rotateY(-5.4787deg) scaleX(1.00459);}
33.33333%{transform:rotate(0deg) rotateY(-26.09303deg) scaleX(1.11349);}
41.66667%{transform:rotate(0deg) rotateY(-9.81573deg) scaleX(1.01486);}
50%{transform:rotate(0deg) rotateY(30.73554deg) scaleX(1.16342);}
58.33333%{transform:rotate(0deg) rotateY(49.81807deg) scaleX(1.54987);}
66.66667%{transform:rotate(0deg) rotateY(47.99785deg) scaleX(1.49441);}
75%{transform:rotate(0deg) rotateY(23.50715deg) scaleX(1.0905);}
83.33333%{transform:rotate(0deg) rotateY(-16.06514deg) scaleX(1.04064);}
91.66667%{transform:rotate(0deg) rotateY(-24.98098deg) scaleX(1.10321);}
}
@keyframes y18{0%{transform:rotate(90deg) rotateY(-9.51173deg) scaleX(1.01394);}
8.33333%{transform:rotate(90deg) rotateY(-0.51203deg) scaleX(1.00004);}
16.66667%{transform:rotate(90deg) rotateY(-28.23401deg) scaleX(1.13504);}
25%{transform:rotate(90deg) rotateY(-52.83073deg) scaleX(1.65516);}
33.33333%{transform:rotate(90deg) rotateY(-59.72164deg) scaleX(1.98333);}
41.66667%{transform:rotate(90deg) rotateY(-54.38048deg) scaleX(1.71703);}
50%{transform:rotate(90deg) rotateY(-32.11325deg) scaleX(1.18064);}
58.33333%{transform:rotate(90deg) rotateY(-2.23691deg) scaleX(1.00076);}
66.66667%{transform:rotate(90deg) rotateY(-6.40866deg) scaleX(1.00629);}
75%{transform:rotate(90deg) rotateY(-38.20985deg) scaleX(1.27267);}
83.33333%{transform:rotate(90deg) rotateY(-56.50724deg) scaleX(1.81215);}
91.66667%{transform:rotate(90deg) rotateY(-59.37031deg) scaleX(1.96276);}
}
.point:nth-child(19){transform:translate3d(1em,-1em,-0.84601em);background:#ffa866;animation:h19 9s linear infinite;}
.point:nth-child(19):before{opacity:.99;transform:rotate(0deg) rotateY(59.42146deg) scaleX(1.96572);animation-name:x19;}
.point:nth-child(19):after{opacity:.99;transform:rotate(90deg) rotateY(9.51173deg) scaleX(1.01394);animation-name:y19;}
@keyframes h19{0%{transform:translate3d(1em,-1em,-0.84601em);background:#ffa866;}
8.33333%{transform:translate3d(1em,-1em,-1.22162em);background:#ff9366;}
16.66667%{transform:translate3d(1em,-1em,-0.77761em);background:#ffac66;}
25%{transform:translate3d(1em,-1em,0.12178em);background:#ffe066;}
33.33333%{transform:translate3d(1em,-1em,0.73872em);background:#fbff66;}
41.66667%{transform:translate3d(1em,-1em,0.56709em);background:#fff966;}
50%{transform:translate3d(1em,-1em,-0.2523em);background:#ffca66;}
58.33333%{transform:translate3d(1em,-1em,-1.04726em);background:#ff9d66;}
66.66667%{transform:translate3d(1em,-1em,-1.16564em);background:#ff9666;}
75%{transform:translate3d(1em,-1em,-0.51031em);background:#ffbb66;}
83.33333%{transform:translate3d(1em,-1em,0.38111em);background:#ffef66;}
91.66667%{transform:translate3d(1em,-1em,0.77733em);background:#f9ff66;}
}
@keyframes x19{0%{transform:rotate(0deg) rotateY(59.42146deg) scaleX(1.96572);}
8.33333%{transform:rotate(0deg) rotateY(49.95137deg) scaleX(1.55415);}
16.66667%{transform:rotate(0deg) rotateY(22.02957deg) scaleX(1.07876);}
25%{transform:rotate(0deg) rotateY(-1.01121deg) scaleX(1.00016);}
33.33333%{transform:rotate(0deg) rotateY(15.02561deg) scaleX(1.0354);}
41.66667%{transform:rotate(0deg) rotateY(45.81875deg) scaleX(1.43486);}
50%{transform:rotate(0deg) rotateY(58.6131deg) scaleX(1.92007);}
58.33333%{transform:rotate(0deg) rotateY(57.98044deg) scaleX(1.88605);}
66.66667%{transform:rotate(0deg) rotateY(43.25229deg) scaleX(1.37298);}
75%{transform:rotate(0deg) rotateY(11.6173deg) scaleX(1.02091);}
83.33333%{transform:rotate(0deg) rotateY(-0.26293deg) scaleX(1.00001);}
91.66667%{transform:rotate(0deg) rotateY(25.77238deg) scaleX(1.11046);}
}
@keyframes y19{0%{transform:rotate(90deg) rotateY(9.51173deg) scaleX(1.01394);}
8.33333%{transform:rotate(90deg) rotateY(-18.53991deg) scaleX(1.05474);}
16.66667%{transform:rotate(90deg) rotateY(-48.24182deg) scaleX(1.50153);}
25%{transform:rotate(90deg) rotateY(-57.04746deg) scaleX(1.83842);}
33.33333%{transform:rotate(90deg) rotateY(-51.48256deg) scaleX(1.60577);}
41.66667%{transform:rotate(90deg) rotateY(-26.37161deg) scaleX(1.11616);}
50%{transform:rotate(90deg) rotateY(6.51771deg) scaleX(1.00651);}
58.33333%{transform:rotate(90deg) rotateY(4.2401deg) scaleX(1.00274);}
66.66667%{transform:rotate(90deg) rotateY(-30.24994deg) scaleX(1.15763);}
75%{transform:rotate(90deg) rotateY(-52.83625deg) scaleX(1.65537);}
83.33333%{transform:rotate(90deg) rotateY(-56.82513deg) scaleX(1.8275);}
91.66667%{transform:rotate(90deg) rotateY(-46.17694deg) scaleX(1.44418);}
}
.point:nth-child(20){transform:translate3d(2em,-1em,-1.90097em);background:#ff6c66;animation:h20 9s linear infinite;}
.point:nth-child(20):before{opacity:.99;transform:rotate(0deg) rotateY(46.5445deg) scaleX(1.45393);animation-name:x20;}
.point:nth-child(20):after{opacity:.99;transform:rotate(90deg) rotateY(20.62998deg) scaleX(1.06852);animation-name:y20;}
@keyframes h20{0%{transform:translate3d(2em,-1em,-1.90097em);background:#ff6c66;}
8.33333%{transform:translate3d(2em,-1em,-1.49079em);background:#ff8366;}
16.66667%{transform:translate3d(2em,-1em,-0.59674em);background:#ffb766;}
25%{transform:translate3d(2em,-1em,0.04773em);background:#ffdb66;}
33.33333%{transform:translate3d(2em,-1em,-0.08608em);background:#ffd466;}
41.66667%{transform:translate3d(2em,-1em,-0.88839em);background:#ffa666;}
50%{transform:translate3d(2em,-1em,-1.70102em);background:#ff7766;}
58.33333%{transform:translate3d(2em,-1em,-1.85732em);background:#ff6e66;}
66.66667%{transform:translate3d(2em,-1em,-1.22906em);background:#ff9266;}
75%{transform:translate3d(2em,-1em,-0.33165em);background:#ffc666;}
83.33333%{transform:translate3d(2em,-1em,0.09871em);background:#ffde66;}
91.66667%{transform:translate3d(2em,-1em,-0.29103em);background:#ffc866;}
}
@keyframes x20{0%{transform:rotate(0deg) rotateY(46.5445deg) scaleX(1.45393);}
8.33333%{transform:rotate(0deg) rotateY(15.05959deg) scaleX(1.03557);}
16.66667%{transform:rotate(0deg) rotateY(-10.25142deg) scaleX(1.01622);}
25%{transform:rotate(0deg) rotateY(4.23117deg) scaleX(1.00273);}
33.33333%{transform:rotate(0deg) rotateY(39.50261deg) scaleX(1.29602);}
41.66667%{transform:rotate(0deg) rotateY(55.52241deg) scaleX(1.76652);}
50%{transform:rotate(0deg) rotateY(55.39818deg) scaleX(1.76097);}
58.33333%{transform:rotate(0deg) rotateY(38.99789deg) scaleX(1.28672);}
66.66667%{transform:rotate(0deg) rotateY(3.62665deg) scaleX(1.00201);}
75%{transform:rotate(0deg) rotateY(-10.12902deg) scaleX(1.01583);}
83.33333%{transform:rotate(0deg) rotateY(15.7626deg) scaleX(1.03907);}
91.66667%{transform:rotate(0deg) rotateY(46.90427deg) scaleX(1.46366);}
}
@keyframes y20{0%{transform:rotate(90deg) rotateY(20.62998deg) scaleX(1.06852);}
8.33333%{transform:rotate(90deg) rotateY(-22.25534deg) scaleX(1.08049);}
16.66667%{transform:rotate(90deg) rotateY(-40.65565deg) scaleX(1.31815);}
25%{transform:rotate(90deg) rotateY(-31.14291deg) scaleX(1.16839);}
33.33333%{transform:rotate(90deg) rotateY(8.32569deg) scaleX(1.01065);}
41.66667%{transform:rotate(90deg) rotateY(37.83998deg) scaleX(1.26626);}
50%{transform:rotate(90deg) rotateY(37.5981deg) scaleX(1.26213);}
58.33333%{transform:rotate(90deg) rotateY(7.49722deg) scaleX(1.00862);}
66.66667%{transform:rotate(90deg) rotateY(-31.586deg) scaleX(1.17391);}
75%{transform:rotate(90deg) rotateY(-40.58317deg) scaleX(1.31672);}
83.33333%{transform:rotate(90deg) rotateY(-21.60374deg) scaleX(1.07556);}
91.66667%{transform:rotate(90deg) rotateY(21.2989deg) scaleX(1.07331);}
}
.point:nth-child(21){transform:translate3d(3em,-1em,-1.52446em);background:#ff8166;animation:h21 9s linear infinite;}
.point:nth-child(21):before{opacity:.99;transform:rotate(0deg) rotateY(-20.62998deg) scaleX(1.06852);animation-name:x21;}
.point:nth-child(21):after{opacity:.99;transform:rotate(90deg) rotateY(16.79192deg) scaleX(1.04454);animation-name:y21;}
@keyframes h21{0%{transform:translate3d(3em,-1em,-1.52446em);background:#ff8166;}
8.33333%{transform:translate3d(3em,-1em,-0.63736em);background:#ffb466;}
16.66667%{transform:translate3d(3em,-1em,0.03349em);background:#ffdb66;}
25%{transform:translate3d(3em,-1em,-0.06226em);background:#ffd566;}
33.33333%{transform:translate3d(3em,-1em,-0.84605em);background:#ffa866;}
41.66667%{transform:translate3d(3em,-1em,-1.6749em);background:#ff7966;}
50%{transform:translate3d(3em,-1em,-1.86884em);background:#ff6e66;}
58.33333%{transform:translate3d(3em,-1em,-1.26877em);background:#ff9066;}
66.66667%{transform:translate3d(3em,-1em,-0.36698em);background:#ffc466;}
75%{transform:translate3d(3em,-1em,0.09675em);background:#ffde66;}
83.33333%{transform:translate3d(3em,-1em,-0.25801em);background:#ffca66;}
91.66667%{transform:translate3d(3em,-1em,-1.14023em);background:#ff9766;}
}
@keyframes x21{0%{transform:rotate(0deg) rotateY(-20.62998deg) scaleX(1.06852);}
8.33333%{transform:rotate(0deg) rotateY(-40.46186deg) scaleX(1.31434);}
16.66667%{transform:rotate(0deg) rotateY(-32.21254deg) scaleX(1.18193);}
25%{transform:rotate(0deg) rotateY(6.26423deg) scaleX(1.00601);}
33.33333%{transform:rotate(0deg) rotateY(37.2268deg) scaleX(1.25589);}
41.66667%{transform:rotate(0deg) rotateY(38.17599deg) scaleX(1.27208);}
50%{transform:rotate(0deg) rotateY(9.52575deg) scaleX(1.01398);}
58.33333%{transform:rotate(0deg) rotateY(-30.47394deg) scaleX(1.16028);}
66.66667%{transform:rotate(0deg) rotateY(-40.74633deg) scaleX(1.31995);}
75%{transform:rotate(0deg) rotateY(-23.18613deg) scaleX(1.08787);}
83.33333%{transform:rotate(0deg) rotateY(19.63132deg) scaleX(1.06171);}
91.66667%{transform:rotate(0deg) rotateY(40.32219deg) scaleX(1.31162);}
}
@keyframes y21{0%{transform:rotate(90deg) rotateY(16.79192deg) scaleX(1.04454);}
8.33333%{transform:rotate(90deg) rotateY(-9.92456deg) scaleX(1.01519);}
16.66667%{transform:rotate(90deg) rotateY(2.75966deg) scaleX(1.00116);}
25%{transform:rotate(90deg) rotateY(38.2442deg) scaleX(1.27327);}
33.33333%{transform:rotate(90deg) rotateY(55.20758deg) scaleX(1.75253);}
41.66667%{transform:rotate(90deg) rotateY(55.69508deg) scaleX(1.77432);}
50%{transform:rotate(90deg) rotateY(40.22436deg) scaleX(1.30972);}
58.33333%{transform:rotate(90deg) rotateY(5.13036deg) scaleX(1.00402);}
66.66667%{transform:rotate(90deg) rotateY(-10.40478deg) scaleX(1.01672);}
75%{transform:rotate(90deg) rotateY(14.03504deg) scaleX(1.03077);}
83.33333%{transform:rotate(90deg) rotateY(46.0046deg) scaleX(1.43968);}
91.66667%{transform:rotate(90deg) rotateY(56.80129deg) scaleX(1.82634);}
}
.point:nth-child(22){transform:translate3d(-3em,0em,0em);background:#ffd966;animation:h22 9s linear infinite;}
.point:nth-child(22):after{opacity:.99;transform:rotate(90deg) rotateY(0deg) scaleX(1);animation-name:y22;}
@keyframes h22{0%{transform:translate3d(-3em,0em,0em);background:#ffd966;}
8.33333%{transform:translate3d(-3em,0em,-0.01918em);background:#ffd866;}
16.66667%{transform:translate3d(-3em,0em,-0.76175em);background:#ffad66;}
25%{transform:translate3d(-3em,0em,-1.61853em);background:#ff7c66;}
33.33333%{transform:translate3d(-3em,0em,-1.88665em);background:#ff6d66;}
41.66667%{transform:translate3d(-3em,0em,-1.34615em);background:#ff8c66;}
50%{transform:translate3d(-3em,0em,-0.44044em);background:#ffbf66;}
58.33333%{transform:translate3d(-3em,0em,0.08746em);background:#ffde66;}
66.66667%{transform:translate3d(-3em,0em,-0.1955em);background:#ffce66;}
75%{transform:translate3d(-3em,0em,-1.05721em);background:#ff9c66;}
83.33333%{transform:translate3d(-3em,0em,-1.79074em);background:#ff7266;}
91.66667%{transform:translate3d(-3em,0em,-1.79434em);background:#ff7266;}
}
@keyframes x22{0%{transform:rotate(0deg) rotateY(-34.14223deg) scaleX(1.20824);}
8.33333%{transform:rotate(0deg) rotateY(2.10428deg) scaleX(1.00067);}
16.66667%{transform:rotate(0deg) rotateY(35.81696deg) scaleX(1.23321);}
25%{transform:rotate(0deg) rotateY(39.15818deg) scaleX(1.28965);}
33.33333%{transform:rotate(0deg) rotateY(13.45277deg) scaleX(1.02821);}
41.66667%{transform:rotate(0deg) rotateY(-28.03157deg) scaleX(1.1329);}
50%{transform:rotate(0deg) rotateY(-40.91927deg) scaleX(1.32339);}
58.33333%{transform:rotate(0deg) rotateY(-26.12897deg) scaleX(1.11383);}
66.66667%{transform:rotate(0deg) rotateY(16.08557deg) scaleX(1.04075);}
75%{transform:rotate(0deg) rotateY(39.71471deg) scaleX(1.29999);}
83.33333%{transform:rotate(0deg) rotateY(34.66275deg) scaleX(1.21578);}
91.66667%{transform:rotate(0deg) rotateY(-0.85552deg) scaleX(1.00011);}
}
@keyframes y22{0%{transform:rotate(90deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(90deg) rotateY(35.56782deg) scaleX(1.22937);}
16.66667%{transform:rotate(90deg) rotateY(54.4716deg) scaleX(1.72086);}
25%{transform:rotate(90deg) rotateY(56.20055deg) scaleX(1.79763);}
33.33333%{transform:rotate(90deg) rotateY(42.53315deg) scaleX(1.35706);}
41.66667%{transform:rotate(90deg) rotateY(8.30507deg) scaleX(1.0106);}
50%{transform:rotate(90deg) rotateY(-10.69807deg) scaleX(1.01769);}
58.33333%{transform:rotate(90deg) rotateY(10.63089deg) scaleX(1.01746);}
66.66667%{transform:rotate(90deg) rotateY(44.02281deg) scaleX(1.3907);}
75%{transform:rotate(90deg) rotateY(56.48751deg) scaleX(1.8112);}
83.33333%{transform:rotate(90deg) rotateY(53.88432deg) scaleX(1.69659);}
91.66667%{transform:rotate(90deg) rotateY(33.55397deg) scaleX(1.19995);}
}
.point:nth-child(23){transform:translate3d(-2em,0em,0.67845em);background:#feff66;animation:h23 9s linear infinite;}
.point:nth-child(23):before{opacity:.99;transform:rotate(0deg) rotateY(-34.14223deg) scaleX(1.20824);animation-name:x23;}
.point:nth-child(23):after{opacity:.99;transform:rotate(90deg) rotateY(40.21599deg) scaleX(1.30956);animation-name:y23;}
@keyframes h23{0%{transform:translate3d(-2em,0em,0.67845em);background:#feff66;}
8.33333%{transform:translate3d(-2em,0em,-0.04149em);background:#ffd666;}
16.66667%{transform:translate3d(-2em,0em,-0.90994em);background:#ffa566;}
25%{transform:translate3d(-2em,0em,-1.21446em);background:#ff9366;}
33.33333%{transform:translate3d(-2em,0em,-0.70523em);background:#ffb066;}
41.66667%{transform:translate3d(-2em,0em,0.2em);background:#ffe466;}
50%{transform:translate3d(-2em,0em,0.7586em);background:#faff66;}
58.33333%{transform:translate3d(-2em,0em,0.51233em);background:#fff666;}
66.66667%{transform:translate3d(-2em,0em,-0.33679em);background:#ffc566;}
75%{transform:translate3d(-2em,0em,-1.09216em);background:#ff9a66;}
83.33333%{transform:translate3d(-2em,0em,-1.13412em);background:#ff9866;}
91.66667%{transform:translate3d(-2em,0em,-0.42823em);background:#ffc066;}
}
@keyframes x23{0%{transform:rotate(0deg) rotateY(-34.14223deg) scaleX(1.20824);}
8.33333%{transform:rotate(0deg) rotateY(1.27769deg) scaleX(1.00025);}
16.66667%{transform:rotate(0deg) rotateY(8.42883deg) scaleX(1.01092);}
25%{transform:rotate(0deg) rotateY(-21.99936deg) scaleX(1.07853);}
33.33333%{transform:rotate(0deg) rotateY(-49.76975deg) scaleX(1.54832);}
41.66667%{transform:rotate(0deg) rotateY(-57.11563deg) scaleX(1.84181);}
50%{transform:rotate(0deg) rotateY(-50.18612deg) scaleX(1.56178);}
58.33333%{transform:rotate(0deg) rotateY(-23.01499deg) scaleX(1.08648);}
66.66667%{transform:rotate(0deg) rotateY(8.04157deg) scaleX(1.00993);}
75%{transform:rotate(0deg) rotateY(2.00168deg) scaleX(1.00061);}
83.33333%{transform:rotate(0deg) rotateY(-33.27962deg) scaleX(1.19617);}
91.66667%{transform:rotate(0deg) rotateY(-53.80098deg) scaleX(1.69322);}
}
@keyframes y23{0%{transform:rotate(90deg) rotateY(40.21599deg) scaleX(1.30956);}
8.33333%{transform:rotate(90deg) rotateY(57.12604deg) scaleX(1.84232);}
16.66667%{transform:rotate(90deg) rotateY(59.13202deg) scaleX(1.94908);}
25%{transform:rotate(90deg) rotateY(48.25739deg) scaleX(1.50199);}
33.33333%{transform:rotate(90deg) rotateY(18.93294deg) scaleX(1.0572);}
41.66667%{transform:rotate(90deg) rotateY(-1.24234deg) scaleX(1.00024);}
50%{transform:rotate(90deg) rotateY(18.0126deg) scaleX(1.05154);}
58.33333%{transform:rotate(90deg) rotateY(47.72488deg) scaleX(1.48657);}
66.66667%{transform:rotate(90deg) rotateY(59.02774deg) scaleX(1.94317);}
75%{transform:rotate(90deg) rotateY(57.338deg) scaleX(1.85294);}
83.33333%{transform:rotate(90deg) rotateY(40.93405deg) scaleX(1.32369);}
91.66667%{transform:rotate(90deg) rotateY(8.99781deg) scaleX(1.01246);}
}
.point:nth-child(24){transform:translate3d(-1em,0em,0.84601em);background:#f5ff66;animation:h24 9s linear infinite;}
.point:nth-child(24):before{opacity:.99;transform:rotate(0deg) rotateY(-9.51173deg) scaleX(1.01394);animation-name:x24;}
.point:nth-child(24):after{opacity:.99;transform:rotate(90deg) rotateY(46.5445deg) scaleX(1.45393);animation-name:y24;}
@keyframes h24{0%{transform:translate3d(-1em,0em,0.84601em);background:#f5ff66;}
8.33333%{transform:translate3d(-1em,0em,-0.03255em);background:#ffd766;}
16.66667%{transform:translate3d(-1em,0em,-0.37292em);background:#ffc366;}
25%{transform:translate3d(-1em,0em,0.10413em);background:#ffdf66;}
33.33333%{transform:translate3d(-1em,0em,1.00724em);background:#ebff66;}
41.66667%{transform:translate3d(-1em,0em,1.59554em);background:#caff66;}
50%{transform:translate3d(-1em,0em,1.38641em);background:#d6ff66;}
58.33333%{transform:translate3d(-1em,0em,0.5514em);background:#fff866;}
66.66667%{transform:translate3d(-1em,0em,-0.22446em);background:#ffcc66;}
75%{transform:translate3d(-1em,0em,-0.3047em);background:#ffc766;}
83.33333%{transform:translate3d(-1em,0em,0.37652em);background:#ffee66;}
91.66667%{transform:translate3d(-1em,0em,1.26034em);background:#ddff66;}
}
@keyframes x24{0%{transform:rotate(0deg) rotateY(-9.51173deg) scaleX(1.01394);}
8.33333%{transform:rotate(0deg) rotateY(-0.51203deg) scaleX(1.00004);}
16.66667%{transform:rotate(0deg) rotateY(-28.23401deg) scaleX(1.13504);}
25%{transform:rotate(0deg) rotateY(-52.83073deg) scaleX(1.65516);}
33.33333%{transform:rotate(0deg) rotateY(-59.72164deg) scaleX(1.98333);}
41.66667%{transform:rotate(0deg) rotateY(-54.38048deg) scaleX(1.71703);}
50%{transform:rotate(0deg) rotateY(-32.11325deg) scaleX(1.18064);}
58.33333%{transform:rotate(0deg) rotateY(-2.23691deg) scaleX(1.00076);}
66.66667%{transform:rotate(0deg) rotateY(-6.40866deg) scaleX(1.00629);}
75%{transform:rotate(0deg) rotateY(-38.20985deg) scaleX(1.27267);}
83.33333%{transform:rotate(0deg) rotateY(-56.50724deg) scaleX(1.81215);}
91.66667%{transform:rotate(0deg) rotateY(-59.37031deg) scaleX(1.96276);}
}
@keyframes y24{0%{transform:rotate(90deg) rotateY(46.5445deg) scaleX(1.45393);}
8.33333%{transform:rotate(90deg) rotateY(50.52423deg) scaleX(1.57294);}
16.66667%{transform:rotate(90deg) rotateY(34.41733deg) scaleX(1.21221);}
25%{transform:rotate(90deg) rotateY(-5.4787deg) scaleX(1.00459);}
33.33333%{transform:rotate(90deg) rotateY(-26.09303deg) scaleX(1.11349);}
41.66667%{transform:rotate(90deg) rotateY(-9.81573deg) scaleX(1.01486);}
50%{transform:rotate(90deg) rotateY(30.73554deg) scaleX(1.16342);}
58.33333%{transform:rotate(90deg) rotateY(49.81807deg) scaleX(1.54987);}
66.66667%{transform:rotate(90deg) rotateY(47.99785deg) scaleX(1.49441);}
75%{transform:rotate(90deg) rotateY(23.50715deg) scaleX(1.0905);}
83.33333%{transform:rotate(90deg) rotateY(-16.06514deg) scaleX(1.04064);}
91.66667%{transform:rotate(90deg) rotateY(-24.98098deg) scaleX(1.10321);}
}
.point:nth-child(25){transform:translate3d(0em,0em,0.37651em);background:#ffee66;animation:h25 9s linear infinite;}
.point:nth-child(25):before{opacity:.99;transform:rotate(0deg) rotateY(25.14277deg) scaleX(1.10466);animation-name:x25;}
.point:nth-child(25):after{opacity:.99;transform:rotate(90deg) rotateY(25.14277deg) scaleX(1.10466);animation-name:y25;}
@keyframes h25{0%{transform:translate3d(0em,0em,0.37651em);background:#ffee66;}
8.33333%{transform:translate3d(0em,0em,0.0009em);background:#ffd966;}
16.66667%{transform:translate3d(0em,0em,0.44491em);background:#fff266;}
25%{transform:translate3d(0em,0em,1.3443em);background:#d8ff66;}
33.33333%{transform:translate3d(0em,0em,1.96124em);background:#b5ff66;}
41.66667%{transform:translate3d(0em,0em,1.78961em);background:#bfff66;}
50%{transform:translate3d(0em,0em,0.97022em);background:#eeff66;}
58.33333%{transform:translate3d(0em,0em,0.17526em);background:#ffe366;}
66.66667%{transform:translate3d(0em,0em,0.05688em);background:#ffdc66;}
75%{transform:translate3d(0em,0em,0.71221em);background:#fcff66;}
83.33333%{transform:translate3d(0em,0em,1.60363em);background:#c9ff66;}
91.66667%{transform:translate3d(0em,0em,1.99985em);background:#b3ff66;}
}
@keyframes x25{0%{transform:rotate(0deg) rotateY(25.14277deg) scaleX(1.10466);}
8.33333%{transform:rotate(0deg) rotateY(-1.91546deg) scaleX(1.00056);}
16.66667%{transform:rotate(0deg) rotateY(-39.26521deg) scaleX(1.29161);}
25%{transform:rotate(0deg) rotateY(-51.13048deg) scaleX(1.5935);}
33.33333%{transform:rotate(0deg) rotateY(-43.6381deg) scaleX(1.38176);}
41.66667%{transform:rotate(0deg) rotateY(-10.98173deg) scaleX(1.01865);}
50%{transform:rotate(0deg) rotateY(22.59297deg) scaleX(1.08312);}
58.33333%{transform:rotate(0deg) rotateY(20.61166deg) scaleX(1.06839);}
66.66667%{transform:rotate(0deg) rotateY(-15.70732deg) scaleX(1.03879);}
75%{transform:rotate(0deg) rotateY(-45.49681deg) scaleX(1.42664);}
83.33333%{transform:rotate(0deg) rotateY(-50.83458deg) scaleX(1.58338);}
91.66667%{transform:rotate(0deg) rotateY(-36.47747deg) scaleX(1.24364);}
}
@keyframes y25{0%{transform:rotate(90deg) rotateY(25.14277deg) scaleX(1.10466);}
8.33333%{transform:rotate(90deg) rotateY(-1.91546deg) scaleX(1.00056);}
16.66667%{transform:rotate(90deg) rotateY(-39.26521deg) scaleX(1.29161);}
25%{transform:rotate(90deg) rotateY(-51.13048deg) scaleX(1.5935);}
33.33333%{transform:rotate(90deg) rotateY(-43.6381deg) scaleX(1.38176);}
41.66667%{transform:rotate(90deg) rotateY(-10.98173deg) scaleX(1.01865);}
50%{transform:rotate(90deg) rotateY(22.59297deg) scaleX(1.08312);}
58.33333%{transform:rotate(90deg) rotateY(20.61166deg) scaleX(1.06839);}
66.66667%{transform:rotate(90deg) rotateY(-15.70732deg) scaleX(1.03879);}
75%{transform:rotate(90deg) rotateY(-45.49681deg) scaleX(1.42664);}
83.33333%{transform:rotate(90deg) rotateY(-50.83458deg) scaleX(1.58338);}
91.66667%{transform:rotate(90deg) rotateY(-36.47747deg) scaleX(1.24364);}
}
.point:nth-child(26){transform:translate3d(1em,0em,-0.37651em);background:#ffc366;animation:h26 9s linear infinite;}
.point:nth-child(26):before{opacity:.99;transform:rotate(0deg) rotateY(36.97381deg) scaleX(1.2517);animation-name:x26;}
.point:nth-child(26):after{opacity:.99;transform:rotate(90deg) rotateY(-25.14277deg) scaleX(1.10466);animation-name:y26;}
@keyframes h26{0%{transform:translate3d(1em,0em,-0.37651em);background:#ffc366;}
8.33333%{transform:translate3d(1em,0em,0.03367em);background:#ffdb66;}
16.66667%{transform:translate3d(1em,0em,0.92772em);background:#f0ff66;}
25%{transform:translate3d(1em,0em,1.57219em);background:#cbff66;}
33.33333%{transform:translate3d(1em,0em,1.43838em);background:#d3ff66;}
41.66667%{transform:translate3d(1em,0em,0.63607em);background:#fffd66;}
50%{transform:translate3d(1em,0em,-0.17656em);background:#ffcf66;}
58.33333%{transform:translate3d(1em,0em,-0.33286em);background:#ffc666;}
66.66667%{transform:translate3d(1em,0em,0.2954em);background:#ffea66;}
75%{transform:translate3d(1em,0em,1.19281em);background:#e1ff66;}
83.33333%{transform:translate3d(1em,0em,1.62317em);background:#c8ff66;}
91.66667%{transform:translate3d(1em,0em,1.23343em);background:#deff66;}
}
@keyframes x26{0%{transform:rotate(0deg) rotateY(36.97381deg) scaleX(1.2517);}
8.33333%{transform:rotate(0deg) rotateY(-1.87681deg) scaleX(1.00054);}
16.66667%{transform:rotate(0deg) rotateY(-25.76293deg) scaleX(1.11037);}
25%{transform:rotate(0deg) rotateY(-12.83536deg) scaleX(1.02563);}
33.33333%{transform:rotate(0deg) rotateY(27.58938deg) scaleX(1.1283);}
41.66667%{transform:rotate(0deg) rotateY(49.09666deg) scaleX(1.52722);}
50%{transform:rotate(0deg) rotateY(48.91794deg) scaleX(1.52175);}
58.33333%{transform:rotate(0deg) rotateY(26.9242deg) scaleX(1.12157);}
66.66667%{transform:rotate(0deg) rotateY(-13.4122deg) scaleX(1.02804);}
75%{transform:rotate(0deg) rotateY(-25.66056deg) scaleX(1.10942);}
83.33333%{transform:rotate(0deg) rotateY(-1.11966deg) scaleX(1.00019);}
91.66667%{transform:rotate(0deg) rotateY(37.45961deg) scaleX(1.25979);}
}
@keyframes y26{0%{transform:rotate(90deg) rotateY(-25.14277deg) scaleX(1.10466);}
8.33333%{transform:rotate(90deg) rotateY(-51.46843deg) scaleX(1.60528);}
16.66667%{transform:rotate(90deg) rotateY(-59.61741deg) scaleX(1.97718);}
25%{transform:rotate(90deg) rotateY(-55.42929deg) scaleX(1.76235);}
33.33333%{transform:rotate(90deg) rotateY(-34.96364deg) scaleX(1.22023);}
41.66667%{transform:rotate(90deg) rotateY(-3.94269deg) scaleX(1.00237);}
50%{transform:rotate(90deg) rotateY(-4.32716deg) scaleX(1.00286);}
58.33333%{transform:rotate(90deg) rotateY(-35.53772deg) scaleX(1.2289);}
66.66667%{transform:rotate(90deg) rotateY(-55.62382deg) scaleX(1.77109);}
75%{transform:rotate(90deg) rotateY(-59.58508deg) scaleX(1.97528);}
83.33333%{transform:rotate(90deg) rotateY(-51.17307deg) scaleX(1.59497);}
91.66667%{transform:rotate(90deg) rotateY(-24.51167deg) scaleX(1.09905);}
}
.point:nth-child(27){transform:translate3d(2em,0em,-0.84601em);background:#ffa866;animation:h27 9s linear infinite;}
.point:nth-child(27):before{opacity:.99;transform:rotate(0deg) rotateY(25.14277deg) scaleX(1.10466);animation-name:x27;}
.point:nth-child(27):after{opacity:.99;transform:rotate(90deg) rotateY(-46.5445deg) scaleX(1.45393);animation-name:y27;}
@keyframes h27{0%{transform:translate3d(2em,0em,-0.84601em);background:#ffa866;}
8.33333%{transform:translate3d(2em,0em,0.04109em);background:#ffdb66;}
16.66667%{transform:translate3d(2em,0em,0.71193em);background:#fcff66;}
25%{transform:translate3d(2em,0em,0.61619em);background:#fffc66;}
33.33333%{transform:translate3d(2em,0em,-0.16761em);background:#ffcf66;}
41.66667%{transform:translate3d(2em,0em,-0.99645em);background:#ffa066;}
50%{transform:translate3d(2em,0em,-1.19039em);background:#ff9466;}
58.33333%{transform:translate3d(2em,0em,-0.59033em);background:#ffb766;}
66.66667%{transform:translate3d(2em,0em,0.31147em);background:#ffeb66;}
75%{transform:translate3d(2em,0em,0.7752em);background:#f9ff66;}
83.33333%{transform:translate3d(2em,0em,0.42044em);background:#fff166;}
91.66667%{transform:translate3d(2em,0em,-0.46179em);background:#ffbe66;}
}
@keyframes x27{0%{transform:rotate(0deg) rotateY(25.14277deg) scaleX(1.10466);}
8.33333%{transform:rotate(0deg) rotateY(-0.42506deg) scaleX(1.00003);}
16.66667%{transform:rotate(0deg) rotateY(12.17496deg) scaleX(1.02301);}
25%{transform:rotate(0deg) rotateY(43.69804deg) scaleX(1.38314);}
33.33333%{transform:rotate(0deg) rotateY(58.09779deg) scaleX(1.89225);}
41.66667%{transform:rotate(0deg) rotateY(58.51671deg) scaleX(1.91479);}
50%{transform:rotate(0deg) rotateY(45.41017deg) scaleX(1.42445);}
58.33333%{transform:rotate(0deg) rotateY(14.43382deg) scaleX(1.03259);}
66.66667%{transform:rotate(0deg) rotateY(-0.9208deg) scaleX(1.00013);}
75%{transform:rotate(0deg) rotateY(22.66231deg) scaleX(1.08367);}
83.33333%{transform:rotate(0deg) rotateY(50.27241deg) scaleX(1.56461);}
91.66667%{transform:rotate(0deg) rotateY(59.46875deg) scaleX(1.96847);}
}
@keyframes y27{0%{transform:rotate(90deg) rotateY(-46.5445deg) scaleX(1.45393);}
8.33333%{transform:rotate(90deg) rotateY(-56.87352deg) scaleX(1.82986);}
16.66667%{transform:rotate(90deg) rotateY(-52.62287deg) scaleX(1.64729);}
25%{transform:rotate(90deg) rotateY(-29.61264deg) scaleX(1.15024);}
33.33333%{transform:rotate(90deg) rotateY(4.65577deg) scaleX(1.00331);}
41.66667%{transform:rotate(90deg) rotateY(6.15538deg) scaleX(1.0058);}
50%{transform:rotate(90deg) rotateY(-27.03838deg) scaleX(1.12271);}
58.33333%{transform:rotate(90deg) rotateY(-51.7265deg) scaleX(1.61442);}
66.66667%{transform:rotate(90deg) rotateY(-57.02073deg) scaleX(1.8371);}
75%{transform:rotate(90deg) rotateY(-47.91194deg) scaleX(1.49193);}
83.33333%{transform:rotate(90deg) rotateY(-17.82183deg) scaleX(1.05041);}
91.66667%{transform:rotate(90deg) rotateY(9.6898deg) scaleX(1.01447);}
}
.point:nth-child(28){transform:translate3d(3em,0em,-0.67845em);background:#ffb266;animation:h28 9s linear infinite;}
.point:nth-child(28):before{opacity:.99;transform:rotate(0deg) rotateY(-9.51173deg) scaleX(1.01394);animation-name:x28;}
.point:nth-child(28):after{opacity:.99;transform:rotate(90deg) rotateY(-40.21599deg) scaleX(1.30956);animation-name:y28;}
@keyframes h28{0%{transform:translate3d(3em,0em,-0.67845em);background:#ffb266;}
8.33333%{transform:translate3d(3em,0em,0.01757em);background:#ffda66;}
16.66667%{transform:translate3d(3em,0em,-0.03995em);background:#ffd666;}
25%{transform:translate3d(3em,0em,-0.80382em);background:#ffab66;}
33.33333%{transform:translate3d(3em,0em,-1.64738em);background:#ff7a66;}
41.66667%{transform:translate3d(3em,0em,-1.87862em);background:#ff6d66;}
50%{transform:translate3d(3em,0em,-1.30783em);background:#ff8e66;}
58.33333%{transform:translate3d(3em,0em,-0.40326em);background:#ffc266;}
66.66667%{transform:translate3d(3em,0em,0.093em);background:#ffde66;}
75%{transform:translate3d(3em,0em,-0.22615em);background:#ffcc66;}
83.33333%{transform:translate3d(3em,0em,-1.0989em);background:#ff9a66;}
91.66667%{transform:translate3d(3em,0em,-1.80927em);background:#ff7166;}
}
@keyframes x28{0%{transform:rotate(0deg) rotateY(-9.51173deg) scaleX(1.01394);}
8.33333%{transform:rotate(0deg) rotateY(1.34739deg) scaleX(1.00028);}
16.66667%{transform:rotate(0deg) rotateY(36.93234deg) scaleX(1.25102);}
25%{transform:rotate(0deg) rotateY(54.86196deg) scaleX(1.73747);}
33.33333%{transform:rotate(0deg) rotateY(55.96233deg) scaleX(1.78655);}
41.66667%{transform:rotate(0deg) rotateY(41.41056deg) scaleX(1.33335);}
50%{transform:rotate(0deg) rotateY(6.69792deg) scaleX(1.00687);}
58.33333%{transform:rotate(0deg) rotateY(-10.59448deg) scaleX(1.01734);}
66.66667%{transform:rotate(0deg) rotateY(12.32187deg) scaleX(1.02358);}
75%{transform:rotate(0deg) rotateY(45.05712deg) scaleX(1.41563);}
83.33333%{transform:rotate(0deg) rotateY(56.65809deg) scaleX(1.81939);}
91.66667%{transform:rotate(0deg) rotateY(53.42601deg) scaleX(1.67825);}
}
@keyframes y28{0%{transform:rotate(90deg) rotateY(-40.21599deg) scaleX(1.30956);}
8.33333%{transform:rotate(90deg) rotateY(-33.21181deg) scaleX(1.19524);}
16.66667%{transform:rotate(90deg) rotateY(4.19633deg) scaleX(1.00269);}
25%{transform:rotate(90deg) rotateY(36.55298deg) scaleX(1.24485);}
33.33333%{transform:rotate(90deg) rotateY(38.69557deg) scaleX(1.28126);}
41.66667%{transform:rotate(90deg) rotateY(11.51341deg) scaleX(1.02054);}
50%{transform:rotate(90deg) rotateY(-29.28946deg) scaleX(1.14658);}
58.33333%{transform:rotate(90deg) rotateY(-40.85825deg) scaleX(1.32217);}
66.66667%{transform:rotate(90deg) rotateY(-24.69488deg) scaleX(1.10066);}
75%{transform:rotate(90deg) rotateY(17.88299deg) scaleX(1.05077);}
83.33333%{transform:rotate(90deg) rotateY(40.04508deg) scaleX(1.30627);}
91.66667%{transform:rotate(90deg) rotateY(33.77247deg) scaleX(1.20301);}
}
.point:nth-child(29){transform:translate3d(-3em,1em,0em);background:#ffd966;animation:h29 9s linear infinite;}
.point:nth-child(29):after{opacity:.99;transform:rotate(90deg) rotateY(0deg) scaleX(1);animation-name:y29;}
@keyframes h29{0%{transform:translate3d(-3em,1em,0em);background:#ffd966;}
8.33333%{transform:translate3d(-3em,1em,-0.71994em);background:#ffaf66;}
16.66667%{transform:translate3d(-3em,1em,-1.58839em);background:#ff7e66;}
25%{transform:translate3d(-3em,1em,-1.8929em);background:#ff6c66;}
33.33333%{transform:translate3d(-3em,1em,-1.38367em);background:#ff8966;}
41.66667%{transform:translate3d(-3em,1em,-0.47845em);background:#ffbd66;}
50%{transform:translate3d(-3em,1em,0.08015em);background:#ffdd66;}
58.33333%{transform:translate3d(-3em,1em,-0.16612em);background:#ffcf66;}
66.66667%{transform:translate3d(-3em,1em,-1.01523em);background:#ff9f66;}
75%{transform:translate3d(-3em,1em,-1.77061em);background:#ff7366;}
83.33333%{transform:translate3d(-3em,1em,-1.81257em);background:#ff7166;}
91.66667%{transform:translate3d(-3em,1em,-1.10668em);background:#ff9966;}
}
@keyframes x29{0%{transform:rotate(0deg) rotateY(34.14223deg) scaleX(1.20824);}
8.33333%{transform:rotate(0deg) rotateY(54.06075deg) scaleX(1.70379);}
16.66667%{transform:rotate(0deg) rotateY(56.41031deg) scaleX(1.80753);}
25%{transform:rotate(0deg) rotateY(43.60307deg) scaleX(1.38096);}
33.33333%{transform:rotate(0deg) rotateY(9.95206deg) scaleX(1.01528);}
41.66667%{transform:rotate(0deg) rotateY(-10.71556deg) scaleX(1.01775);}
50%{transform:rotate(0deg) rotateY(8.96971deg) scaleX(1.01238);}
58.33333%{transform:rotate(0deg) rotateY(42.9741deg) scaleX(1.36675);}
66.66667%{transform:rotate(0deg) rotateY(56.28917deg) scaleX(1.8018);}
75%{transform:rotate(0deg) rotateY(54.30869deg) scaleX(1.71404);}
83.33333%{transform:rotate(0deg) rotateY(34.98703deg) scaleX(1.22058);}
91.66667%{transform:rotate(0deg) rotateY(-0.52769deg) scaleX(1.00004);}
}
@keyframes y29{0%{transform:rotate(90deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(90deg) rotateY(35.00538deg) scaleX(1.22085);}
16.66667%{transform:rotate(90deg) rotateY(39.56507deg) scaleX(1.29718);}
25%{transform:rotate(90deg) rotateY(15.33715deg) scaleX(1.03693);}
33.33333%{transform:rotate(90deg) rotateY(-26.6901deg) scaleX(1.11926);}
41.66667%{transform:rotate(90deg) rotateY(-40.92956deg) scaleX(1.3236);}
50%{transform:rotate(90deg) rotateY(-27.48798deg) scaleX(1.12726);}
58.33333%{transform:rotate(90deg) rotateY(14.22524deg) scaleX(1.03163);}
66.66667%{transform:rotate(90deg) rotateY(39.33013deg) scaleX(1.29281);}
75%{transform:rotate(90deg) rotateY(35.49984deg) scaleX(1.22832);}
83.33333%{transform:rotate(90deg) rotateY(1.25025deg) scaleX(1.00024);}
91.66667%{transform:rotate(90deg) rotateY(-34.50089deg) scaleX(1.21342);}
}
.point:nth-child(30){transform:translate3d(-2em,1em,-0.67845em);background:#ffb266;animation:h30 9s linear infinite;}
.point:nth-child(30):before{opacity:.99;transform:rotate(0deg) rotateY(34.14223deg) scaleX(1.20824);animation-name:x30;}
.point:nth-child(30):after{opacity:.99;transform:rotate(90deg) rotateY(53.61635deg) scaleX(1.6858);animation-name:y30;}
@keyframes h30{0%{transform:translate3d(-2em,1em,-0.67845em);background:#ffb266;}
8.33333%{transform:translate3d(-2em,1em,-1.55701em);background:#ff7f66;}
16.66667%{transform:translate3d(-2em,1em,-1.89738em);background:#ff6c66;}
25%{transform:translate3d(-2em,1em,-1.42033em);background:#ff8766;}
33.33333%{transform:translate3d(-2em,1em,-0.51722em);background:#ffbb66;}
41.66667%{transform:translate3d(-2em,1em,0.07108em);background:#ffdd66;}
50%{transform:translate3d(-2em,1em,-0.13805em);background:#ffd166;}
58.33333%{transform:translate3d(-2em,1em,-0.97306em);background:#ffa166;}
66.66667%{transform:translate3d(-2em,1em,-1.74892em);background:#ff7466;}
75%{transform:translate3d(-2em,1em,-1.82916em);background:#ff7066;}
83.33333%{transform:translate3d(-2em,1em,-1.14794em);background:#ff9766;}
91.66667%{transform:translate3d(-2em,1em,-0.26412em);background:#ffca66;}
}
@keyframes x30{0%{transform:rotate(0deg) rotateY(34.14223deg) scaleX(1.20824);}
8.33333%{transform:rotate(0deg) rotateY(39.91735deg) scaleX(1.30383);}
16.66667%{transform:rotate(0deg) rotateY(17.16072deg) scaleX(1.04659);}
25%{transform:rotate(0deg) rotateY(-25.28649deg) scaleX(1.10597);}
33.33333%{transform:rotate(0deg) rotateY(-40.88916deg) scaleX(1.32279);}
41.66667%{transform:rotate(0deg) rotateY(-28.78737deg) scaleX(1.14101);}
50%{transform:rotate(0deg) rotateY(12.30746deg) scaleX(1.02352);}
58.33333%{transform:rotate(0deg) rotateY(38.89029deg) scaleX(1.28477);}
66.66667%{transform:rotate(0deg) rotateY(36.26158deg) scaleX(1.24019);}
75%{transform:rotate(0deg) rotateY(3.34873deg) scaleX(1.00171);}
83.33333%{transform:rotate(0deg) rotateY(-33.59799deg) scaleX(1.20057);}
91.66667%{transform:rotate(0deg) rotateY(-40.10108deg) scaleX(1.30734);}
}
@keyframes y30{0%{transform:rotate(90deg) rotateY(53.61635deg) scaleX(1.6858);}
8.33333%{transform:rotate(90deg) rotateY(56.59212deg) scaleX(1.81621);}
16.66667%{transform:rotate(90deg) rotateY(44.62103deg) scaleX(1.40495);}
25%{transform:rotate(90deg) rotateY(11.63183deg) scaleX(1.02097);}
33.33333%{transform:rotate(90deg) rotateY(-10.64694deg) scaleX(1.01752);}
41.66667%{transform:rotate(90deg) rotateY(7.34555deg) scaleX(1.00827);}
50%{transform:rotate(90deg) rotateY(41.87298deg) scaleX(1.34296);}
58.33333%{transform:rotate(90deg) rotateY(56.06257deg) scaleX(1.79119);}
66.66667%{transform:rotate(90deg) rotateY(54.70007deg) scaleX(1.73053);}
75%{transform:rotate(90deg) rotateY(36.38432deg) scaleX(1.24215);}
83.33333%{transform:rotate(90deg) rotateY(0.79192deg) scaleX(1.0001);}
91.66667%{transform:rotate(90deg) rotateY(-9.3195deg) scaleX(1.01338);}
}
.point:nth-child(31){transform:translate3d(-1em,1em,-0.84601em);background:#ffa866;animation:h31 9s linear infinite;}
.point:nth-child(31):before{opacity:.99;transform:rotate(0deg) rotateY(9.51173deg) scaleX(1.01394);animation-name:x31;}
.point:nth-child(31):after{opacity:.99;transform:rotate(90deg) rotateY(59.42146deg) scaleX(1.96572);animation-name:y31;}
@keyframes h31{0%{transform:translate3d(-1em,1em,-0.84601em);background:#ffa866;}
8.33333%{transform:translate3d(-1em,1em,-1.22162em);background:#ff9366;}
16.66667%{transform:translate3d(-1em,1em,-0.77761em);background:#ffac66;}
25%{transform:translate3d(-1em,1em,0.12178em);background:#ffe066;}
33.33333%{transform:translate3d(-1em,1em,0.73872em);background:#fbff66;}
41.66667%{transform:translate3d(-1em,1em,0.56709em);background:#fff966;}
50%{transform:translate3d(-1em,1em,-0.2523em);background:#ffca66;}
58.33333%{transform:translate3d(-1em,1em,-1.04726em);background:#ff9d66;}
66.66667%{transform:translate3d(-1em,1em,-1.16564em);background:#ff9666;}
75%{transform:translate3d(-1em,1em,-0.51031em);background:#ffbb66;}
83.33333%{transform:translate3d(-1em,1em,0.38111em);background:#ffef66;}
91.66667%{transform:translate3d(-1em,1em,0.77733em);background:#f9ff66;}
}
@keyframes x31{0%{transform:rotate(0deg) rotateY(9.51173deg) scaleX(1.01394);}
8.33333%{transform:rotate(0deg) rotateY(-18.53991deg) scaleX(1.05474);}
16.66667%{transform:rotate(0deg) rotateY(-48.24182deg) scaleX(1.50153);}
25%{transform:rotate(0deg) rotateY(-57.04746deg) scaleX(1.83842);}
33.33333%{transform:rotate(0deg) rotateY(-51.48256deg) scaleX(1.60577);}
41.66667%{transform:rotate(0deg) rotateY(-26.37161deg) scaleX(1.11616);}
50%{transform:rotate(0deg) rotateY(6.51771deg) scaleX(1.00651);}
58.33333%{transform:rotate(0deg) rotateY(4.2401deg) scaleX(1.00274);}
66.66667%{transform:rotate(0deg) rotateY(-30.24994deg) scaleX(1.15763);}
75%{transform:rotate(0deg) rotateY(-52.83625deg) scaleX(1.65537);}
83.33333%{transform:rotate(0deg) rotateY(-56.82513deg) scaleX(1.8275);}
91.66667%{transform:rotate(0deg) rotateY(-46.17694deg) scaleX(1.44418);}
}
@keyframes y31{0%{transform:rotate(90deg) rotateY(59.42146deg) scaleX(1.96572);}
8.33333%{transform:rotate(90deg) rotateY(49.95137deg) scaleX(1.55415);}
16.66667%{transform:rotate(90deg) rotateY(22.02957deg) scaleX(1.07876);}
25%{transform:rotate(90deg) rotateY(-1.01121deg) scaleX(1.00016);}
33.33333%{transform:rotate(90deg) rotateY(15.02561deg) scaleX(1.0354);}
41.66667%{transform:rotate(90deg) rotateY(45.81875deg) scaleX(1.43486);}
50%{transform:rotate(90deg) rotateY(58.6131deg) scaleX(1.92007);}
58.33333%{transform:rotate(90deg) rotateY(57.98044deg) scaleX(1.88605);}
66.66667%{transform:rotate(90deg) rotateY(43.25229deg) scaleX(1.37298);}
75%{transform:rotate(90deg) rotateY(11.6173deg) scaleX(1.02091);}
83.33333%{transform:rotate(90deg) rotateY(-0.26293deg) scaleX(1.00001);}
91.66667%{transform:rotate(90deg) rotateY(25.77238deg) scaleX(1.11046);}
}
.point:nth-child(32){transform:translate3d(0em,1em,-0.37651em);background:#ffc366;animation:h32 9s linear infinite;}
.point:nth-child(32):before{opacity:.99;transform:rotate(0deg) rotateY(-25.14277deg) scaleX(1.10466);animation-name:x32;}
.point:nth-child(32):after{opacity:.99;transform:rotate(90deg) rotateY(36.97381deg) scaleX(1.2517);animation-name:y32;}
@keyframes h32{0%{transform:translate3d(0em,1em,-0.37651em);background:#ffc366;}
8.33333%{transform:translate3d(0em,1em,0.03367em);background:#ffdb66;}
16.66667%{transform:translate3d(0em,1em,0.92772em);background:#f0ff66;}
25%{transform:translate3d(0em,1em,1.57219em);background:#cbff66;}
33.33333%{transform:translate3d(0em,1em,1.43838em);background:#d3ff66;}
41.66667%{transform:translate3d(0em,1em,0.63607em);background:#fffd66;}
50%{transform:translate3d(0em,1em,-0.17656em);background:#ffcf66;}
58.33333%{transform:translate3d(0em,1em,-0.33286em);background:#ffc666;}
66.66667%{transform:translate3d(0em,1em,0.2954em);background:#ffea66;}
75%{transform:translate3d(0em,1em,1.19281em);background:#e1ff66;}
83.33333%{transform:translate3d(0em,1em,1.62317em);background:#c8ff66;}
91.66667%{transform:translate3d(0em,1em,1.23343em);background:#deff66;}
}
@keyframes x32{0%{transform:rotate(0deg) rotateY(-25.14277deg) scaleX(1.10466);}
8.33333%{transform:rotate(0deg) rotateY(-51.46843deg) scaleX(1.60528);}
16.66667%{transform:rotate(0deg) rotateY(-59.61741deg) scaleX(1.97718);}
25%{transform:rotate(0deg) rotateY(-55.42929deg) scaleX(1.76235);}
33.33333%{transform:rotate(0deg) rotateY(-34.96364deg) scaleX(1.22023);}
41.66667%{transform:rotate(0deg) rotateY(-3.94269deg) scaleX(1.00237);}
50%{transform:rotate(0deg) rotateY(-4.32716deg) scaleX(1.00286);}
58.33333%{transform:rotate(0deg) rotateY(-35.53772deg) scaleX(1.2289);}
66.66667%{transform:rotate(0deg) rotateY(-55.62382deg) scaleX(1.77109);}
75%{transform:rotate(0deg) rotateY(-59.58508deg) scaleX(1.97528);}
83.33333%{transform:rotate(0deg) rotateY(-51.17307deg) scaleX(1.59497);}
91.66667%{transform:rotate(0deg) rotateY(-24.51167deg) scaleX(1.09905);}
}
@keyframes y32{0%{transform:rotate(90deg) rotateY(36.97381deg) scaleX(1.2517);}
8.33333%{transform:rotate(90deg) rotateY(-1.87681deg) scaleX(1.00054);}
16.66667%{transform:rotate(90deg) rotateY(-25.76293deg) scaleX(1.11037);}
25%{transform:rotate(90deg) rotateY(-12.83536deg) scaleX(1.02563);}
33.33333%{transform:rotate(90deg) rotateY(27.58938deg) scaleX(1.1283);}
41.66667%{transform:rotate(90deg) rotateY(49.09666deg) scaleX(1.52722);}
50%{transform:rotate(90deg) rotateY(48.91794deg) scaleX(1.52175);}
58.33333%{transform:rotate(90deg) rotateY(26.9242deg) scaleX(1.12157);}
66.66667%{transform:rotate(90deg) rotateY(-13.4122deg) scaleX(1.02804);}
75%{transform:rotate(90deg) rotateY(-25.66056deg) scaleX(1.10942);}
83.33333%{transform:rotate(90deg) rotateY(-1.11966deg) scaleX(1.00019);}
91.66667%{transform:rotate(90deg) rotateY(37.45961deg) scaleX(1.25979);}
}
.point:nth-child(33){transform:translate3d(1em,1em,0.37651em);background:#ffee66;animation:h33 9s linear infinite;}
.point:nth-child(33):before{opacity:.99;transform:rotate(0deg) rotateY(-36.97381deg) scaleX(1.2517);animation-name:x33;}
.point:nth-child(33):after{opacity:.99;transform:rotate(90deg) rotateY(-36.97381deg) scaleX(1.2517);animation-name:y33;}
@keyframes h33{0%{transform:translate3d(1em,1em,0.37651em);background:#ffee66;}
8.33333%{transform:translate3d(1em,1em,1.26361em);background:#ddff66;}
16.66667%{transform:translate3d(1em,1em,1.93446em);background:#b6ff66;}
25%{transform:translate3d(1em,1em,1.83871em);background:#bcff66;}
33.33333%{transform:translate3d(1em,1em,1.05491em);background:#e9ff66;}
41.66667%{transform:translate3d(1em,1em,0.22607em);background:#ffe666;}
50%{transform:translate3d(1em,1em,0.03213em);background:#ffdb66;}
58.33333%{transform:translate3d(1em,1em,0.63219em);background:#fffd66;}
66.66667%{transform:translate3d(1em,1em,1.53399em);background:#cdff66;}
75%{transform:translate3d(1em,1em,1.99772em);background:#b3ff66;}
83.33333%{transform:translate3d(1em,1em,1.64296em);background:#c7ff66;}
91.66667%{transform:translate3d(1em,1em,0.76073em);background:#faff66;}
}
@keyframes x33{0%{transform:rotate(0deg) rotateY(-36.97381deg) scaleX(1.2517);}
8.33333%{transform:rotate(0deg) rotateY(-50.899deg) scaleX(1.58557);}
16.66667%{transform:rotate(0deg) rotateY(-45.21007deg) scaleX(1.41943);}
25%{transform:rotate(0deg) rotateY(-14.91847deg) scaleX(1.03488);}
33.33333%{transform:rotate(0deg) rotateY(20.978deg) scaleX(1.07099);}
41.66667%{transform:rotate(0deg) rotateY(22.29017deg) scaleX(1.08076);}
50%{transform:rotate(0deg) rotateY(-11.78663deg) scaleX(1.02154);}
58.33333%{transform:rotate(0deg) rotateY(-43.96688deg) scaleX(1.38939);}
66.66667%{transform:rotate(0deg) rotateY(-51.09492deg) scaleX(1.59228);}
75%{transform:rotate(0deg) rotateY(-38.82003deg) scaleX(1.2835);}
83.33333%{transform:rotate(0deg) rotateY(-1.13331deg) scaleX(1.0002);}
91.66667%{transform:rotate(0deg) rotateY(25.2924deg) scaleX(1.10602);}
}
@keyframes y33{0%{transform:rotate(90deg) rotateY(-36.97381deg) scaleX(1.2517);}
8.33333%{transform:rotate(90deg) rotateY(-50.899deg) scaleX(1.58557);}
16.66667%{transform:rotate(90deg) rotateY(-45.21007deg) scaleX(1.41943);}
25%{transform:rotate(90deg) rotateY(-14.91847deg) scaleX(1.03488);}
33.33333%{transform:rotate(90deg) rotateY(20.978deg) scaleX(1.07099);}
41.66667%{transform:rotate(90deg) rotateY(22.29017deg) scaleX(1.08076);}
50%{transform:rotate(90deg) rotateY(-11.78663deg) scaleX(1.02154);}
58.33333%{transform:rotate(90deg) rotateY(-43.96688deg) scaleX(1.38939);}
66.66667%{transform:rotate(90deg) rotateY(-51.09492deg) scaleX(1.59228);}
75%{transform:rotate(90deg) rotateY(-38.82003deg) scaleX(1.2835);}
83.33333%{transform:rotate(90deg) rotateY(-1.13331deg) scaleX(1.0002);}
91.66667%{transform:rotate(90deg) rotateY(25.2924deg) scaleX(1.10602);}
}
.point:nth-child(34){transform:translate3d(2em,1em,0.84601em);background:#f5ff66;animation:h34 9s linear infinite;}
.point:nth-child(34):before{opacity:.99;transform:rotate(0deg) rotateY(-25.14277deg) scaleX(1.10466);animation-name:x34;}
.point:nth-child(34):after{opacity:.99;transform:rotate(90deg) rotateY(-59.42146deg) scaleX(1.96572);animation-name:y34;}
@keyframes h34{0%{transform:translate3d(2em,1em,0.84601em);background:#f5ff66;}
8.33333%{transform:translate3d(2em,1em,1.54203em);background:#cdff66;}
16.66667%{transform:translate3d(2em,1em,1.48451em);background:#d0ff66;}
25%{transform:translate3d(2em,1em,0.72064em);background:#fcff66;}
33.33333%{transform:translate3d(2em,1em,-0.12292em);background:#ffd266;}
41.66667%{transform:translate3d(2em,1em,-0.35416em);background:#ffc466;}
50%{transform:translate3d(2em,1em,0.21663em);background:#ffe566;}
58.33333%{transform:translate3d(2em,1em,1.12119em);background:#e5ff66;}
66.66667%{transform:translate3d(2em,1em,1.61746em);background:#c8ff66;}
75%{transform:translate3d(2em,1em,1.29831em);background:#dbff66;}
83.33333%{transform:translate3d(2em,1em,0.42556em);background:#fff166;}
91.66667%{transform:translate3d(2em,1em,-0.28481em);background:#ffc866;}
}
@keyframes x34{0%{transform:rotate(0deg) rotateY(-25.14277deg) scaleX(1.10466);}
8.33333%{transform:rotate(0deg) rotateY(-15.55176deg) scaleX(1.038);}
16.66667%{transform:rotate(0deg) rotateY(24.21956deg) scaleX(1.09652);}
25%{transform:rotate(0deg) rotateY(48.19847deg) scaleX(1.50026);}
33.33333%{transform:rotate(0deg) rotateY(49.68427deg) scaleX(1.5456);}
41.66667%{transform:rotate(0deg) rotateY(30.11934deg) scaleX(1.15609);}
50%{transform:rotate(0deg) rotateY(-10.45265deg) scaleX(1.01687);}
58.33333%{transform:rotate(0deg) rotateY(-26.0493deg) scaleX(1.11307);}
66.66667%{transform:rotate(0deg) rotateY(-4.76573deg) scaleX(1.00347);}
75%{transform:rotate(0deg) rotateY(34.95408deg) scaleX(1.22009);}
83.33333%{transform:rotate(0deg) rotateY(50.61212deg) scaleX(1.57588);}
91.66667%{transform:rotate(0deg) rotateY(46.28897deg) scaleX(1.44713);}
}
@keyframes y34{0%{transform:rotate(90deg) rotateY(-59.42146deg) scaleX(1.96572);}
8.33333%{transform:rotate(90deg) rotateY(-56.33762deg) scaleX(1.80408);}
16.66667%{transform:rotate(90deg) rotateY(-37.68063deg) scaleX(1.26354);}
25%{transform:rotate(90deg) rotateY(-5.95254deg) scaleX(1.00542);}
33.33333%{transform:rotate(90deg) rotateY(-2.55761deg) scaleX(1.001);}
41.66667%{transform:rotate(90deg) rotateY(-32.70345deg) scaleX(1.18838);}
50%{transform:rotate(90deg) rotateY(-54.60207deg) scaleX(1.72637);}
58.33333%{transform:rotate(90deg) rotateY(-59.70784deg) scaleX(1.98252);}
66.66667%{transform:rotate(90deg) rotateY(-52.56616deg) scaleX(1.64516);}
75%{transform:rotate(90deg) rotateY(-27.60057deg) scaleX(1.12841);}
83.33333%{transform:rotate(90deg) rotateY(-0.2936deg) scaleX(1.00001);}
91.66667%{transform:rotate(90deg) rotateY(-10.03525deg) scaleX(1.01554);}
}
.point:nth-child(35){transform:translate3d(3em,1em,0.67845em);background:#feff66;animation:h35 9s linear infinite;}
.point:nth-child(35):before{opacity:.99;transform:rotate(0deg) rotateY(9.51173deg) scaleX(1.01394);animation-name:x35;}
.point:nth-child(35):after{opacity:.99;transform:rotate(90deg) rotateY(-53.61635deg) scaleX(1.6858);animation-name:y35;}
@keyframes h35{0%{transform:translate3d(3em,1em,0.67845em);background:#feff66;}
8.33333%{transform:translate3d(3em,1em,0.65926em);background:#ffff66;}
16.66667%{transform:translate3d(3em,1em,-0.0833em);background:#ffd466;}
25%{transform:translate3d(3em,1em,-0.94008em);background:#ffa366;}
33.33333%{transform:translate3d(3em,1em,-1.2082em);background:#ff9366;}
41.66667%{transform:translate3d(3em,1em,-0.6677em);background:#ffb266;}
50%{transform:translate3d(3em,1em,0.238em);background:#ffe666;}
58.33333%{transform:translate3d(3em,1em,0.76591em);background:#f9ff66;}
66.66667%{transform:translate3d(3em,1em,0.48295em);background:#fff466;}
75%{transform:translate3d(3em,1em,-0.37876em);background:#ffc366;}
83.33333%{transform:translate3d(3em,1em,-1.11229em);background:#ff9966;}
91.66667%{transform:translate3d(3em,1em,-1.11589em);background:#ff9966;}
}
@keyframes x35{0%{transform:rotate(0deg) rotateY(9.51173deg) scaleX(1.01394);}
8.33333%{transform:rotate(0deg) rotateY(41.42962deg) scaleX(1.33374);}
16.66667%{transform:rotate(0deg) rotateY(57.47733deg) scaleX(1.86);}
25%{transform:rotate(0deg) rotateY(58.95147deg) scaleX(1.93887);}
33.33333%{transform:rotate(0deg) rotateY(47.35182deg) scaleX(1.47603);}
41.66667%{transform:rotate(0deg) rotateY(17.39753deg) scaleX(1.04794);}
50%{transform:rotate(0deg) rotateY(-1.22423deg) scaleX(1.00023);}
58.33333%{transform:rotate(0deg) rotateY(19.55795deg) scaleX(1.06123);}
66.66667%{transform:rotate(0deg) rotateY(48.61303deg) scaleX(1.51254);}
75%{transform:rotate(0deg) rotateY(59.19849deg) scaleX(1.95288);}
83.33333%{transform:rotate(0deg) rotateY(56.97528deg) scaleX(1.83486);}
91.66667%{transform:rotate(0deg) rotateY(39.71546deg) scaleX(1.30001);}
}
@keyframes y35{0%{transform:rotate(90deg) rotateY(-53.61635deg) scaleX(1.6858);}
8.33333%{transform:rotate(90deg) rotateY(-32.67945deg) scaleX(1.18807);}
16.66667%{transform:rotate(90deg) rotateY(2.48164deg) scaleX(1.00094);}
25%{transform:rotate(90deg) rotateY(7.75937deg) scaleX(1.00924);}
33.33333%{transform:rotate(90deg) rotateY(-23.70546deg) scaleX(1.09215);}
41.66667%{transform:rotate(90deg) rotateY(-50.46254deg) scaleX(1.57089);}
50%{transform:rotate(90deg) rotateY(-57.1103deg) scaleX(1.84154);}
58.33333%{transform:rotate(90deg) rotateY(-49.47634deg) scaleX(1.53903);}
66.66667%{transform:rotate(90deg) rotateY(-21.30076deg) scaleX(1.07332);}
75%{transform:rotate(90deg) rotateY(8.67647deg) scaleX(1.01158);}
83.33333%{transform:rotate(90deg) rotateY(0.76734deg) scaleX(1.00009);}
91.66667%{transform:rotate(90deg) rotateY(-34.72215deg) scaleX(1.21666);}
}
.point:nth-child(36){transform:translate3d(-3em,2em,0em);background:#ffd966;animation:h36 9s linear infinite;}
.point:nth-child(36):after{opacity:.99;transform:rotate(90deg) rotateY(0deg) scaleX(1);animation-name:y36;}
@keyframes h36{0%{transform:translate3d(-3em,2em,0em);background:#ffd966;}
8.33333%{transform:translate3d(-3em,2em,-0.87856em);background:#ffa666;}
16.66667%{transform:translate3d(-3em,2em,-1.21893em);background:#ff9366;}
25%{transform:translate3d(-3em,2em,-0.74188em);background:#ffae66;}
33.33333%{transform:translate3d(-3em,2em,0.16123em);background:#ffe266;}
41.66667%{transform:translate3d(-3em,2em,0.74953em);background:#faff66;}
50%{transform:translate3d(-3em,2em,0.54039em);background:#fff866;}
58.33333%{transform:translate3d(-3em,2em,-0.29461em);background:#ffc866;}
66.66667%{transform:translate3d(-3em,2em,-1.07048em);background:#ff9b66;}
75%{transform:translate3d(-3em,2em,-1.15071em);background:#ff9766;}
83.33333%{transform:translate3d(-3em,2em,-0.46949em);background:#ffbe66;}
91.66667%{transform:translate3d(-3em,2em,0.41433em);background:#fff166;}
}
@keyframes x36{0%{transform:rotate(0deg) rotateY(56.74639deg) scaleX(1.82367);}
8.33333%{transform:rotate(0deg) rotateY(59.28857deg) scaleX(1.95804);}
16.66667%{transform:rotate(0deg) rotateY(49.1324deg) scaleX(1.52832);}
25%{transform:rotate(0deg) rotateY(20.4758deg) scaleX(1.06744);}
33.33333%{transform:rotate(0deg) rotateY(-1.1713deg) scaleX(1.00021);}
41.66667%{transform:rotate(0deg) rotateY(16.50547deg) scaleX(1.04298);}
50%{transform:rotate(0deg) rotateY(46.79364deg) scaleX(1.46065);}
58.33333%{transform:rotate(0deg) rotateY(58.83275deg) scaleX(1.93223);}
66.66667%{transform:rotate(0deg) rotateY(57.67281deg) scaleX(1.87002);}
75%{transform:rotate(0deg) rotateY(42.12239deg) scaleX(1.34823);}
83.33333%{transform:rotate(0deg) rotateY(10.28007deg) scaleX(1.01631);}
91.66667%{transform:rotate(0deg) rotateY(0.19757deg) scaleX(1.00001);}
}
@keyframes y36{0%{transform:rotate(90deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(90deg) rotateY(9.01308deg) scaleX(1.0125);}
16.66667%{transform:rotate(90deg) rotateY(-20.27522deg) scaleX(1.06605);}
25%{transform:rotate(90deg) rotateY(-49.0348deg) scaleX(1.52532);}
33.33333%{transform:rotate(90deg) rotateY(-57.0947deg) scaleX(1.84077);}
41.66667%{transform:rotate(90deg) rotateY(-50.85445deg) scaleX(1.58405);}
50%{transform:rotate(90deg) rotateY(-24.70732deg) scaleX(1.10077);}
58.33333%{transform:rotate(90deg) rotateY(7.32176deg) scaleX(1.00822);}
66.66667%{transform:rotate(90deg) rotateY(3.16023deg) scaleX(1.00152);}
75%{transform:rotate(90deg) rotateY(-31.78797deg) scaleX(1.17647);}
83.33333%{transform:rotate(90deg) rotateY(-53.3362deg) scaleX(1.67471);}
91.66667%{transform:rotate(90deg) rotateY(-56.68702deg) scaleX(1.82079);}
}
.point:nth-child(37){transform:translate3d(-2em,2em,-1.52446em);background:#ff8166;animation:h37 9s linear infinite;}
.point:nth-child(37):before{opacity:.99;transform:rotate(0deg) rotateY(56.74639deg) scaleX(1.82367);animation-name:x37;}
.point:nth-child(37):after{opacity:.99;transform:rotate(90deg) rotateY(40.21599deg) scaleX(1.30956);animation-name:y37;}
@keyframes h37{0%{transform:translate3d(-2em,2em,-1.52446em);background:#ff8166;}
8.33333%{transform:translate3d(-2em,2em,-1.90007em);background:#ff6c66;}
16.66667%{transform:translate3d(-2em,2em,-1.45606em);background:#ff8566;}
25%{transform:translate3d(-2em,2em,-0.55667em);background:#ffb966;}
33.33333%{transform:translate3d(-2em,2em,0.06027em);background:#ffdc66;}
41.66667%{transform:translate3d(-2em,2em,-0.11136em);background:#ffd266;}
50%{transform:translate3d(-2em,2em,-0.93075em);background:#ffa366;}
58.33333%{transform:translate3d(-2em,2em,-1.72571em);background:#ff7666;}
66.66667%{transform:translate3d(-2em,2em,-1.84408em);background:#ff6f66;}
75%{transform:translate3d(-2em,2em,-1.18876em);background:#ff9566;}
83.33333%{transform:translate3d(-2em,2em,-0.29734em);background:#ffc866;}
91.66667%{transform:translate3d(-2em,2em,0.09888em);background:#ffde66;}
}
@keyframes x37{0%{transform:rotate(0deg) rotateY(56.74639deg) scaleX(1.82367);}
8.33333%{transform:rotate(0deg) rotateY(45.62552deg) scaleX(1.42991);}
16.66667%{transform:rotate(0deg) rotateY(13.33692deg) scaleX(1.02772);}
25%{transform:rotate(0deg) rotateY(-10.49223deg) scaleX(1.017);}
33.33333%{transform:rotate(0deg) rotateY(5.75554deg) scaleX(1.00507);}
41.66667%{transform:rotate(0deg) rotateY(40.70719deg) scaleX(1.31917);}
50%{transform:rotate(0deg) rotateY(55.80718deg) scaleX(1.77942);}
58.33333%{transform:rotate(0deg) rotateY(55.07093deg) scaleX(1.74654);}
66.66667%{transform:rotate(0deg) rotateY(37.7177deg) scaleX(1.26417);}
75%{transform:rotate(0deg) rotateY(2.17847deg) scaleX(1.00072);}
83.33333%{transform:rotate(0deg) rotateY(-9.76722deg) scaleX(1.01471);}
91.66667%{transform:rotate(0deg) rotateY(17.49657deg) scaleX(1.04851);}
}
@keyframes y37{0%{transform:rotate(90deg) rotateY(40.21599deg) scaleX(1.30956);}
8.33333%{transform:rotate(90deg) rotateY(18.93402deg) scaleX(1.0572);}
16.66667%{transform:rotate(90deg) rotateY(-23.80798deg) scaleX(1.09301);}
25%{transform:rotate(90deg) rotateY(-40.79795deg) scaleX(1.32097);}
33.33333%{transform:rotate(90deg) rotateY(-30.00157deg) scaleX(1.15472);}
41.66667%{transform:rotate(90deg) rotateY(10.33856deg) scaleX(1.0165);}
50%{transform:rotate(90deg) rotateY(38.39401deg) scaleX(1.2759);}
58.33333%{transform:rotate(90deg) rotateY(36.96047deg) scaleX(1.25149);}
66.66667%{transform:rotate(90deg) rotateY(5.42784deg) scaleX(1.0045);}
75%{transform:rotate(90deg) rotateY(-32.62688deg) scaleX(1.18737);}
83.33333%{transform:rotate(90deg) rotateY(-40.3683deg) scaleX(1.31251);}
91.66667%{transform:rotate(90deg) rotateY(-19.9494deg) scaleX(1.06384);}
}
.point:nth-child(38){transform:translate3d(-1em,2em,-1.90097em);background:#ff6c66;animation:h38 9s linear infinite;}
.point:nth-child(38):before{opacity:.99;transform:rotate(0deg) rotateY(20.62998deg) scaleX(1.06852);animation-name:x38;}
.point:nth-child(38):after{opacity:.99;transform:rotate(90deg) rotateY(46.5445deg) scaleX(1.45393);animation-name:y38;}
@keyframes h38{0%{transform:translate3d(-1em,2em,-1.90097em);background:#ff6c66;}
8.33333%{transform:translate3d(-1em,2em,-1.49079em);background:#ff8366;}
16.66667%{transform:translate3d(-1em,2em,-0.59674em);background:#ffb766;}
25%{transform:translate3d(-1em,2em,0.04773em);background:#ffdb66;}
33.33333%{transform:translate3d(-1em,2em,-0.08608em);background:#ffd466;}
41.66667%{transform:translate3d(-1em,2em,-0.88839em);background:#ffa666;}
50%{transform:translate3d(-1em,2em,-1.70102em);background:#ff7766;}
58.33333%{transform:translate3d(-1em,2em,-1.85732em);background:#ff6e66;}
66.66667%{transform:translate3d(-1em,2em,-1.22906em);background:#ff9266;}
75%{transform:translate3d(-1em,2em,-0.33165em);background:#ffc666;}
83.33333%{transform:translate3d(-1em,2em,0.09871em);background:#ffde66;}
91.66667%{transform:translate3d(-1em,2em,-0.29103em);background:#ffc866;}
}
@keyframes x38{0%{transform:rotate(0deg) rotateY(20.62998deg) scaleX(1.06852);}
8.33333%{transform:rotate(0deg) rotateY(-22.25534deg) scaleX(1.08049);}
16.66667%{transform:rotate(0deg) rotateY(-40.65565deg) scaleX(1.31815);}
25%{transform:rotate(0deg) rotateY(-31.14291deg) scaleX(1.16839);}
33.33333%{transform:rotate(0deg) rotateY(8.32569deg) scaleX(1.01065);}
41.66667%{transform:rotate(0deg) rotateY(37.83998deg) scaleX(1.26626);}
50%{transform:rotate(0deg) rotateY(37.5981deg) scaleX(1.26213);}
58.33333%{transform:rotate(0deg) rotateY(7.49722deg) scaleX(1.00862);}
66.66667%{transform:rotate(0deg) rotateY(-31.586deg) scaleX(1.17391);}
75%{transform:rotate(0deg) rotateY(-40.58317deg) scaleX(1.31672);}
83.33333%{transform:rotate(0deg) rotateY(-21.60374deg) scaleX(1.07556);}
91.66667%{transform:rotate(0deg) rotateY(21.2989deg) scaleX(1.07331);}
}
@keyframes y38{0%{transform:rotate(90deg) rotateY(46.5445deg) scaleX(1.45393);}
8.33333%{transform:rotate(90deg) rotateY(15.05959deg) scaleX(1.03557);}
16.66667%{transform:rotate(90deg) rotateY(-10.25142deg) scaleX(1.01622);}
25%{transform:rotate(90deg) rotateY(4.23117deg) scaleX(1.00273);}
33.33333%{transform:rotate(90deg) rotateY(39.50261deg) scaleX(1.29602);}
41.66667%{transform:rotate(90deg) rotateY(55.52241deg) scaleX(1.76652);}
50%{transform:rotate(90deg) rotateY(55.39818deg) scaleX(1.76097);}
58.33333%{transform:rotate(90deg) rotateY(38.99789deg) scaleX(1.28672);}
66.66667%{transform:rotate(90deg) rotateY(3.62665deg) scaleX(1.00201);}
75%{transform:rotate(90deg) rotateY(-10.12902deg) scaleX(1.01583);}
83.33333%{transform:rotate(90deg) rotateY(15.7626deg) scaleX(1.03907);}
91.66667%{transform:rotate(90deg) rotateY(46.90427deg) scaleX(1.46366);}
}
.point:nth-child(39){transform:translate3d(0em,2em,-0.84601em);background:#ffa866;animation:h39 9s linear infinite;}
.point:nth-child(39):before{opacity:.99;transform:rotate(0deg) rotateY(-46.5445deg) scaleX(1.45393);animation-name:x39;}
.point:nth-child(39):after{opacity:.99;transform:rotate(90deg) rotateY(25.14277deg) scaleX(1.10466);animation-name:y39;}
@keyframes h39{0%{transform:translate3d(0em,2em,-0.84601em);background:#ffa866;}
8.33333%{transform:translate3d(0em,2em,0.04109em);background:#ffdb66;}
16.66667%{transform:translate3d(0em,2em,0.71193em);background:#fcff66;}
25%{transform:translate3d(0em,2em,0.61619em);background:#fffc66;}
33.33333%{transform:translate3d(0em,2em,-0.16761em);background:#ffcf66;}
41.66667%{transform:translate3d(0em,2em,-0.99645em);background:#ffa066;}
50%{transform:translate3d(0em,2em,-1.19039em);background:#ff9466;}
58.33333%{transform:translate3d(0em,2em,-0.59033em);background:#ffb766;}
66.66667%{transform:translate3d(0em,2em,0.31147em);background:#ffeb66;}
75%{transform:translate3d(0em,2em,0.7752em);background:#f9ff66;}
83.33333%{transform:translate3d(0em,2em,0.42044em);background:#fff166;}
91.66667%{transform:translate3d(0em,2em,-0.46179em);background:#ffbe66;}
}
@keyframes x39{0%{transform:rotate(0deg) rotateY(-46.5445deg) scaleX(1.45393);}
8.33333%{transform:rotate(0deg) rotateY(-56.87352deg) scaleX(1.82986);}
16.66667%{transform:rotate(0deg) rotateY(-52.62287deg) scaleX(1.64729);}
25%{transform:rotate(0deg) rotateY(-29.61264deg) scaleX(1.15024);}
33.33333%{transform:rotate(0deg) rotateY(4.65577deg) scaleX(1.00331);}
41.66667%{transform:rotate(0deg) rotateY(6.15538deg) scaleX(1.0058);}
50%{transform:rotate(0deg) rotateY(-27.03838deg) scaleX(1.12271);}
58.33333%{transform:rotate(0deg) rotateY(-51.7265deg) scaleX(1.61442);}
66.66667%{transform:rotate(0deg) rotateY(-57.02073deg) scaleX(1.8371);}
75%{transform:rotate(0deg) rotateY(-47.91194deg) scaleX(1.49193);}
83.33333%{transform:rotate(0deg) rotateY(-17.82183deg) scaleX(1.05041);}
91.66667%{transform:rotate(0deg) rotateY(9.6898deg) scaleX(1.01447);}
}
@keyframes y39{0%{transform:rotate(90deg) rotateY(25.14277deg) scaleX(1.10466);}
8.33333%{transform:rotate(90deg) rotateY(-0.42506deg) scaleX(1.00003);}
16.66667%{transform:rotate(90deg) rotateY(12.17496deg) scaleX(1.02301);}
25%{transform:rotate(90deg) rotateY(43.69804deg) scaleX(1.38314);}
33.33333%{transform:rotate(90deg) rotateY(58.09779deg) scaleX(1.89225);}
41.66667%{transform:rotate(90deg) rotateY(58.51671deg) scaleX(1.91479);}
50%{transform:rotate(90deg) rotateY(45.41017deg) scaleX(1.42445);}
58.33333%{transform:rotate(90deg) rotateY(14.43382deg) scaleX(1.03259);}
66.66667%{transform:rotate(90deg) rotateY(-0.9208deg) scaleX(1.00013);}
75%{transform:rotate(90deg) rotateY(22.66231deg) scaleX(1.08367);}
83.33333%{transform:rotate(90deg) rotateY(50.27241deg) scaleX(1.56461);}
91.66667%{transform:rotate(90deg) rotateY(59.46875deg) scaleX(1.96847);}
}
.point:nth-child(40){transform:translate3d(1em,2em,0.84601em);background:#f5ff66;animation:h40 9s linear infinite;}
.point:nth-child(40):before{opacity:.99;transform:rotate(0deg) rotateY(-59.42146deg) scaleX(1.96572);animation-name:x40;}
.point:nth-child(40):after{opacity:.99;transform:rotate(90deg) rotateY(-25.14277deg) scaleX(1.10466);animation-name:y40;}
@keyframes h40{0%{transform:translate3d(1em,2em,0.84601em);background:#f5ff66;}
8.33333%{transform:translate3d(1em,2em,1.54203em);background:#cdff66;}
16.66667%{transform:translate3d(1em,2em,1.48451em);background:#d0ff66;}
25%{transform:translate3d(1em,2em,0.72064em);background:#fcff66;}
33.33333%{transform:translate3d(1em,2em,-0.12292em);background:#ffd266;}
41.66667%{transform:translate3d(1em,2em,-0.35416em);background:#ffc466;}
50%{transform:translate3d(1em,2em,0.21663em);background:#ffe566;}
58.33333%{transform:translate3d(1em,2em,1.12119em);background:#e5ff66;}
66.66667%{transform:translate3d(1em,2em,1.61746em);background:#c8ff66;}
75%{transform:translate3d(1em,2em,1.29831em);background:#dbff66;}
83.33333%{transform:translate3d(1em,2em,0.42556em);background:#fff166;}
91.66667%{transform:translate3d(1em,2em,-0.28481em);background:#ffc866;}
}
@keyframes x40{0%{transform:rotate(0deg) rotateY(-59.42146deg) scaleX(1.96572);}
8.33333%{transform:rotate(0deg) rotateY(-56.33762deg) scaleX(1.80408);}
16.66667%{transform:rotate(0deg) rotateY(-37.68063deg) scaleX(1.26354);}
25%{transform:rotate(0deg) rotateY(-5.95254deg) scaleX(1.00542);}
33.33333%{transform:rotate(0deg) rotateY(-2.55761deg) scaleX(1.001);}
41.66667%{transform:rotate(0deg) rotateY(-32.70345deg) scaleX(1.18838);}
50%{transform:rotate(0deg) rotateY(-54.60207deg) scaleX(1.72637);}
58.33333%{transform:rotate(0deg) rotateY(-59.70784deg) scaleX(1.98252);}
66.66667%{transform:rotate(0deg) rotateY(-52.56616deg) scaleX(1.64516);}
75%{transform:rotate(0deg) rotateY(-27.60057deg) scaleX(1.12841);}
83.33333%{transform:rotate(0deg) rotateY(-0.2936deg) scaleX(1.00001);}
91.66667%{transform:rotate(0deg) rotateY(-10.03525deg) scaleX(1.01554);}
}
@keyframes y40{0%{transform:rotate(90deg) rotateY(-25.14277deg) scaleX(1.10466);}
8.33333%{transform:rotate(90deg) rotateY(-15.55176deg) scaleX(1.038);}
16.66667%{transform:rotate(90deg) rotateY(24.21956deg) scaleX(1.09652);}
25%{transform:rotate(90deg) rotateY(48.19847deg) scaleX(1.50026);}
33.33333%{transform:rotate(90deg) rotateY(49.68427deg) scaleX(1.5456);}
41.66667%{transform:rotate(90deg) rotateY(30.11934deg) scaleX(1.15609);}
50%{transform:rotate(90deg) rotateY(-10.45265deg) scaleX(1.01687);}
58.33333%{transform:rotate(90deg) rotateY(-26.0493deg) scaleX(1.11307);}
66.66667%{transform:rotate(90deg) rotateY(-4.76573deg) scaleX(1.00347);}
75%{transform:rotate(90deg) rotateY(34.95408deg) scaleX(1.22009);}
83.33333%{transform:rotate(90deg) rotateY(50.61212deg) scaleX(1.57588);}
91.66667%{transform:rotate(90deg) rotateY(46.28897deg) scaleX(1.44713);}
}
.point:nth-child(41){transform:translate3d(2em,2em,1.90097em);background:#b8ff66;animation:h41 9s linear infinite;}
.point:nth-child(41):before{opacity:.99;transform:rotate(0deg) rotateY(-46.5445deg) scaleX(1.45393);animation-name:x41;}
.point:nth-child(41):after{opacity:.99;transform:rotate(90deg) rotateY(-46.5445deg) scaleX(1.45393);animation-name:y41;}
@keyframes h41{0%{transform:translate3d(2em,2em,1.90097em);background:#b8ff66;}
8.33333%{transform:translate3d(2em,2em,1.88178em);background:#b9ff66;}
16.66667%{transform:translate3d(2em,2em,1.13922em);background:#e4ff66;}
25%{transform:translate3d(2em,2em,0.28244em);background:#ffe966;}
33.33333%{transform:translate3d(2em,2em,0.01432em);background:#ffda66;}
41.66667%{transform:translate3d(2em,2em,0.55482em);background:#fff966;}
50%{transform:translate3d(2em,2em,1.46052em);background:#d1ff66;}
58.33333%{transform:translate3d(2em,2em,1.98843em);background:#b3ff66;}
66.66667%{transform:translate3d(2em,2em,1.70547em);background:#c3ff66;}
75%{transform:translate3d(2em,2em,0.84376em);background:#f5ff66;}
83.33333%{transform:translate3d(2em,2em,0.11023em);background:#ffdf66;}
91.66667%{transform:translate3d(2em,2em,0.10663em);background:#ffdf66;}
}
@keyframes x41{0%{transform:rotate(0deg) rotateY(-46.5445deg) scaleX(1.45393);}
8.33333%{transform:rotate(0deg) rotateY(-18.76466deg) scaleX(1.05614);}
16.66667%{transform:rotate(0deg) rotateY(19.04825deg) scaleX(1.05793);}
25%{transform:rotate(0deg) rotateY(23.65829deg) scaleX(1.09176);}
33.33333%{transform:rotate(0deg) rotateY(-7.81466deg) scaleX(1.00937);}
41.66667%{transform:rotate(0deg) rotateY(-42.26107deg) scaleX(1.35119);}
50%{transform:rotate(0deg) rotateY(-51.21407deg) scaleX(1.59639);}
58.33333%{transform:rotate(0deg) rotateY(-40.91456deg) scaleX(1.3233);}
66.66667%{transform:rotate(0deg) rotateY(-5.0231deg) scaleX(1.00386);}
75%{transform:rotate(0deg) rotateY(24.43791deg) scaleX(1.09841);}
83.33333%{transform:rotate(0deg) rotateY(17.49053deg) scaleX(1.04847);}
91.66667%{transform:rotate(0deg) rotateY(-21.37513deg) scaleX(1.07387);}
}
@keyframes y41{0%{transform:rotate(90deg) rotateY(-46.5445deg) scaleX(1.45393);}
8.33333%{transform:rotate(90deg) rotateY(-18.76466deg) scaleX(1.05614);}
16.66667%{transform:rotate(90deg) rotateY(19.04825deg) scaleX(1.05793);}
25%{transform:rotate(90deg) rotateY(23.65829deg) scaleX(1.09176);}
33.33333%{transform:rotate(90deg) rotateY(-7.81466deg) scaleX(1.00937);}
41.66667%{transform:rotate(90deg) rotateY(-42.26107deg) scaleX(1.35119);}
50%{transform:rotate(90deg) rotateY(-51.21407deg) scaleX(1.59639);}
58.33333%{transform:rotate(90deg) rotateY(-40.91456deg) scaleX(1.3233);}
66.66667%{transform:rotate(90deg) rotateY(-5.0231deg) scaleX(1.00386);}
75%{transform:rotate(90deg) rotateY(24.43791deg) scaleX(1.09841);}
83.33333%{transform:rotate(90deg) rotateY(17.49053deg) scaleX(1.04847);}
91.66667%{transform:rotate(90deg) rotateY(-21.37513deg) scaleX(1.07387);}
}
.point:nth-child(42){transform:translate3d(3em,2em,1.52446em);background:#ceff66;animation:h42 9s linear infinite;}
.point:nth-child(42):before{opacity:.99;transform:rotate(0deg) rotateY(20.62998deg) scaleX(1.06852);animation-name:x42;}
.point:nth-child(42):after{opacity:.99;transform:rotate(90deg) rotateY(-40.21599deg) scaleX(1.30956);animation-name:y42;}
@keyframes h42{0%{transform:translate3d(3em,2em,1.52446em);background:#ceff66;}
8.33333%{transform:translate3d(3em,2em,0.80452em);background:#f7ff66;}
16.66667%{transform:translate3d(3em,2em,-0.06393em);background:#ffd566;}
25%{transform:translate3d(3em,2em,-0.36844em);background:#ffc466;}
33.33333%{transform:translate3d(3em,2em,0.14078em);background:#ffe166;}
41.66667%{transform:translate3d(3em,2em,1.04601em);background:#e9ff66;}
50%{transform:translate3d(3em,2em,1.60461em);background:#c9ff66;}
58.33333%{transform:translate3d(3em,2em,1.35834em);background:#d7ff66;}
66.66667%{transform:translate3d(3em,2em,0.50922em);background:#fff666;}
75%{transform:translate3d(3em,2em,-0.24615em);background:#ffcb66;}
83.33333%{transform:translate3d(3em,2em,-0.28811em);background:#ffc866;}
91.66667%{transform:translate3d(3em,2em,0.41778em);background:#fff166;}
}
@keyframes x42{0%{transform:rotate(0deg) rotateY(20.62998deg) scaleX(1.06852);}
8.33333%{transform:rotate(0deg) rotateY(47.14082deg) scaleX(1.47016);}
16.66667%{transform:rotate(0deg) rotateY(50.28192deg) scaleX(1.56492);}
25%{transform:rotate(0deg) rotateY(33.04994deg) scaleX(1.19304);}
33.33333%{transform:rotate(0deg) rotateY(-7.2073deg) scaleX(1.00796);}
41.66667%{transform:rotate(0deg) rotateY(-26.15019deg) scaleX(1.11403);}
50%{transform:rotate(0deg) rotateY(-8.19895deg) scaleX(1.01033);}
58.33333%{transform:rotate(0deg) rotateY(32.20703deg) scaleX(1.18185);}
66.66667%{transform:rotate(0deg) rotateY(50.12038deg) scaleX(1.55963);}
75%{transform:rotate(0deg) rotateY(47.47332deg) scaleX(1.47944);}
83.33333%{transform:rotate(0deg) rotateY(21.71651deg) scaleX(1.0764);}
91.66667%{transform:rotate(0deg) rotateY(-17.27292deg) scaleX(1.04723);}
}
@keyframes y42{0%{transform:rotate(90deg) rotateY(-40.21599deg) scaleX(1.30956);}
8.33333%{transform:rotate(90deg) rotateY(-8.26456deg) scaleX(1.01049);}
16.66667%{transform:rotate(90deg) rotateY(-1.10997deg) scaleX(1.00019);}
25%{transform:rotate(90deg) rotateY(-29.74993deg) scaleX(1.15181);}
33.33333%{transform:rotate(90deg) rotateY(-53.45641deg) scaleX(1.67945);}
41.66667%{transform:rotate(90deg) rotateY(-59.73969deg) scaleX(1.9844);}
50%{transform:rotate(90deg) rotateY(-53.81102deg) scaleX(1.69362);}
58.33333%{transform:rotate(90deg) rotateY(-30.63871deg) scaleX(1.16225);}
66.66667%{transform:rotate(90deg) rotateY(-1.50509deg) scaleX(1.00035);}
75%{transform:rotate(90deg) rotateY(-7.5535deg) scaleX(1.00875);}
83.33333%{transform:rotate(90deg) rotateY(-39.48186deg) scaleX(1.29563);}
91.66667%{transform:rotate(90deg) rotateY(-56.90408deg) scaleX(1.83136);}
}
.point:nth-child(43){transform:translate3d(-3em,3em,0em);background:#ffd966;animation:h43 9s linear infinite;}
.point:nth-child(43):after{opacity:.99;transform:rotate(90deg) rotateY(0deg) scaleX(1);animation-name:y43;}
@keyframes h43{0%{transform:translate3d(-3em,3em,0em);background:#ffd966;}
8.33333%{transform:translate3d(-3em,3em,-0.37561em);background:#ffc366;}
16.66667%{transform:translate3d(-3em,3em,0.0684em);background:#ffdd66;}
25%{transform:translate3d(-3em,3em,0.96779em);background:#eeff66;}
33.33333%{transform:translate3d(-3em,3em,1.58473em);background:#caff66;}
41.66667%{transform:translate3d(-3em,3em,1.4131em);background:#d4ff66;}
50%{transform:translate3d(-3em,3em,0.59371em);background:#fffb66;}
58.33333%{transform:translate3d(-3em,3em,-0.20125em);background:#ffcd66;}
66.66667%{transform:translate3d(-3em,3em,-0.31963em);background:#ffc666;}
75%{transform:translate3d(-3em,3em,0.3357em);background:#ffec66;}
83.33333%{transform:translate3d(-3em,3em,1.22712em);background:#dfff66;}
91.66667%{transform:translate3d(-3em,3em,1.62334em);background:#c8ff66;}
}
@keyframes x43{0%{transform:rotate(0deg) rotateY(50.72974deg) scaleX(1.57983);}
8.33333%{transform:rotate(0deg) rotateY(35.73296deg) scaleX(1.23191);}
16.66667%{transform:rotate(0deg) rotateY(-3.70578deg) scaleX(1.0021);}
25%{transform:rotate(0deg) rotateY(-25.96403deg) scaleX(1.11226);}
33.33333%{transform:rotate(0deg) rotateY(-11.36227deg) scaleX(1.01999);}
41.66667%{transform:rotate(0deg) rotateY(29.19974deg) scaleX(1.14557);}
50%{transform:rotate(0deg) rotateY(49.47712deg) scaleX(1.53905);}
58.33333%{transform:rotate(0deg) rotateY(48.479deg) scaleX(1.50854);}
66.66667%{transform:rotate(0deg) rotateY(25.24441deg) scaleX(1.10559);}
75%{transform:rotate(0deg) rotateY(-14.77788deg) scaleX(1.03421);}
83.33333%{transform:rotate(0deg) rotateY(-25.3574deg) scaleX(1.10662);}
91.66667%{transform:rotate(0deg) rotateY(0.77401deg) scaleX(1.00009);}
}
@keyframes y43{0%{transform:rotate(90deg) rotateY(0deg) scaleX(1);}
8.33333%{transform:rotate(90deg) rotateY(-26.68914deg) scaleX(1.11925);}
16.66667%{transform:rotate(90deg) rotateY(-52.16842deg) scaleX(1.63041);}
25%{transform:rotate(90deg) rotateY(-59.68091deg) scaleX(1.98092);}
33.33333%{transform:rotate(90deg) rotateY(-54.92795deg) scaleX(1.74032);}
41.66667%{transform:rotate(90deg) rotateY(-33.55616deg) scaleX(1.19998);}
50%{transform:rotate(90deg) rotateY(-3.05026deg) scaleX(1.00142);}
58.33333%{transform:rotate(90deg) rotateY(-5.32573deg) scaleX(1.00434);}
66.66667%{transform:rotate(90deg) rotateY(-36.89448deg) scaleX(1.2504);}
75%{transform:rotate(90deg) rotateY(-56.08077deg) scaleX(1.79204);}
83.33333%{transform:rotate(90deg) rotateY(-59.48929deg) scaleX(1.96967);}
91.66667%{transform:rotate(90deg) rotateY(-50.41838deg) scaleX(1.56942);}
}
.point:nth-child(44){transform:translate3d(-2em,3em,-1.22252em);background:#ff9366;animation:h44 9s linear infinite;}
.point:nth-child(44):before{opacity:.99;transform:rotate(0deg) rotateY(50.72974deg) scaleX(1.57983);animation-name:x44;}
.point:nth-child(44):after{opacity:.99;transform:rotate(90deg) rotateY(-16.79192deg) scaleX(1.04454);animation-name:y44;}
@keyframes h44{0%{transform:translate3d(-2em,3em,-1.22252em);background:#ff9366;}
8.33333%{transform:translate3d(-2em,3em,-0.81234em);background:#ffaa66;}
16.66667%{transform:translate3d(-2em,3em,0.08171em);background:#ffdd66;}
25%{transform:translate3d(-2em,3em,0.72618em);background:#fcff66;}
33.33333%{transform:translate3d(-2em,3em,0.59237em);background:#fffb66;}
41.66667%{transform:translate3d(-2em,3em,-0.20994em);background:#ffcd66;}
50%{transform:translate3d(-2em,3em,-1.02257em);background:#ff9e66;}
58.33333%{transform:translate3d(-2em,3em,-1.17887em);background:#ff9566;}
66.66667%{transform:translate3d(-2em,3em,-0.55061em);background:#ffb966;}
75%{transform:translate3d(-2em,3em,0.3468em);background:#ffed66;}
83.33333%{transform:translate3d(-2em,3em,0.77716em);background:#f9ff66;}
91.66667%{transform:translate3d(-2em,3em,0.38742em);background:#ffef66;}
}
@keyframes x44{0%{transform:rotate(0deg) rotateY(50.72974deg) scaleX(1.57983);}
8.33333%{transform:rotate(0deg) rotateY(23.58744deg) scaleX(1.09117);}
16.66667%{transform:rotate(0deg) rotateY(-0.76233deg) scaleX(1.00009);}
25%{transform:rotate(0deg) rotateY(13.57991deg) scaleX(1.02876);}
33.33333%{transform:rotate(0deg) rotateY(44.76264deg) scaleX(1.40839);}
41.66667%{transform:rotate(0deg) rotateY(58.36829deg) scaleX(1.90673);}
50%{transform:rotate(0deg) rotateY(58.26154deg) scaleX(1.90099);}
58.33333%{transform:rotate(0deg) rotateY(44.33577deg) scaleX(1.3981);}
66.66667%{transform:rotate(0deg) rotateY(13.0039deg) scaleX(1.02632);}
75%{transform:rotate(0deg) rotateY(-0.63595deg) scaleX(1.00006);}
83.33333%{transform:rotate(0deg) rotateY(24.21993deg) scaleX(1.09652);}
91.66667%{transform:rotate(0deg) rotateY(51.03455deg) scaleX(1.5902);}
}
@keyframes y44{0%{transform:rotate(90deg) rotateY(-16.79192deg) scaleX(1.04454);}
8.33333%{transform:rotate(90deg) rotateY(-47.41624deg) scaleX(1.47783);}
16.66667%{transform:rotate(90deg) rotateY(-56.97379deg) scaleX(1.83479);}
25%{transform:rotate(90deg) rotateY(-52.07163deg) scaleX(1.62687);}
33.33333%{transform:rotate(90deg) rotateY(-28.01516deg) scaleX(1.13273);}
41.66667%{transform:rotate(90deg) rotateY(5.62133deg) scaleX(1.00483);}
50%{transform:rotate(90deg) rotateY(5.23904deg) scaleX(1.0042);}
58.33333%{transform:rotate(90deg) rotateY(-28.66886deg) scaleX(1.13972);}
66.66667%{transform:rotate(90deg) rotateY(-52.30006deg) scaleX(1.63525);}
75%{transform:rotate(90deg) rotateY(-56.93628deg) scaleX(1.83294);}
83.33333%{transform:rotate(90deg) rotateY(-47.06774deg) scaleX(1.46814);}
91.66667%{transform:rotate(90deg) rotateY(-16.08754deg) scaleX(1.04076);}
}
.point:nth-child(45){transform:translate3d(-1em,3em,-1.52446em);background:#ff8166;animation:h45 9s linear infinite;}
.point:nth-child(45):before{opacity:.99;transform:rotate(0deg) rotateY(16.79192deg) scaleX(1.04454);animation-name:x45;}
.point:nth-child(45):after{opacity:.99;transform:rotate(90deg) rotateY(-20.62998deg) scaleX(1.06852);animation-name:y45;}
@keyframes h45{0%{transform:translate3d(-1em,3em,-1.52446em);background:#ff8166;}
8.33333%{transform:translate3d(-1em,3em,-0.63736em);background:#ffb466;}
16.66667%{transform:translate3d(-1em,3em,0.03349em);background:#ffdb66;}
25%{transform:translate3d(-1em,3em,-0.06226em);background:#ffd566;}
33.33333%{transform:translate3d(-1em,3em,-0.84605em);background:#ffa866;}
41.66667%{transform:translate3d(-1em,3em,-1.6749em);background:#ff7966;}
50%{transform:translate3d(-1em,3em,-1.86884em);background:#ff6e66;}
58.33333%{transform:translate3d(-1em,3em,-1.26877em);background:#ff9066;}
66.66667%{transform:translate3d(-1em,3em,-0.36698em);background:#ffc466;}
75%{transform:translate3d(-1em,3em,0.09675em);background:#ffde66;}
83.33333%{transform:translate3d(-1em,3em,-0.25801em);background:#ffca66;}
91.66667%{transform:translate3d(-1em,3em,-1.14023em);background:#ff9766;}
}
@keyframes x45{0%{transform:rotate(0deg) rotateY(16.79192deg) scaleX(1.04454);}
8.33333%{transform:rotate(0deg) rotateY(-9.92456deg) scaleX(1.01519);}
16.66667%{transform:rotate(0deg) rotateY(2.75966deg) scaleX(1.00116);}
25%{transform:rotate(0deg) rotateY(38.2442deg) scaleX(1.27327);}
33.33333%{transform:rotate(0deg) rotateY(55.20758deg) scaleX(1.75253);}
41.66667%{transform:rotate(0deg) rotateY(55.69508deg) scaleX(1.77432);}
50%{transform:rotate(0deg) rotateY(40.22436deg) scaleX(1.30972);}
58.33333%{transform:rotate(0deg) rotateY(5.13036deg) scaleX(1.00402);}
66.66667%{transform:rotate(0deg) rotateY(-10.40478deg) scaleX(1.01672);}
75%{transform:rotate(0deg) rotateY(14.03504deg) scaleX(1.03077);}
83.33333%{transform:rotate(0deg) rotateY(46.0046deg) scaleX(1.43968);}
91.66667%{transform:rotate(0deg) rotateY(56.80129deg) scaleX(1.82634);}
}
@keyframes y45{0%{transform:rotate(90deg) rotateY(-20.62998deg) scaleX(1.06852);}
8.33333%{transform:rotate(90deg) rotateY(-40.46186deg) scaleX(1.31434);}
16.66667%{transform:rotate(90deg) rotateY(-32.21254deg) scaleX(1.18193);}
25%{transform:rotate(90deg) rotateY(6.26423deg) scaleX(1.00601);}
33.33333%{transform:rotate(90deg) rotateY(37.2268deg) scaleX(1.25589);}
41.66667%{transform:rotate(90deg) rotateY(38.17599deg) scaleX(1.27208);}
50%{transform:rotate(90deg) rotateY(9.52575deg) scaleX(1.01398);}
58.33333%{transform:rotate(90deg) rotateY(-30.47394deg) scaleX(1.16028);}
66.66667%{transform:rotate(90deg) rotateY(-40.74633deg) scaleX(1.31995);}
75%{transform:rotate(90deg) rotateY(-23.18613deg) scaleX(1.08787);}
83.33333%{transform:rotate(90deg) rotateY(19.63132deg) scaleX(1.06171);}
91.66667%{transform:rotate(90deg) rotateY(40.32219deg) scaleX(1.31162);}
}
.point:nth-child(46){transform:translate3d(0em,3em,-0.67845em);background:#ffb266;animation:h46 9s linear infinite;}
.point:nth-child(46):before{opacity:.99;transform:rotate(0deg) rotateY(-40.21599deg) scaleX(1.30956);animation-name:x46;}
.point:nth-child(46):after{opacity:.99;transform:rotate(90deg) rotateY(-9.51173deg) scaleX(1.01394);animation-name:y46;}
@keyframes h46{0%{transform:translate3d(0em,3em,-0.67845em);background:#ffb266;}
8.33333%{transform:translate3d(0em,3em,0.01757em);background:#ffda66;}
16.66667%{transform:translate3d(0em,3em,-0.03995em);background:#ffd666;}
25%{transform:translate3d(0em,3em,-0.80382em);background:#ffab66;}
33.33333%{transform:translate3d(0em,3em,-1.64738em);background:#ff7a66;}
41.66667%{transform:translate3d(0em,3em,-1.87862em);background:#ff6d66;}
50%{transform:translate3d(0em,3em,-1.30783em);background:#ff8e66;}
58.33333%{transform:translate3d(0em,3em,-0.40326em);background:#ffc266;}
66.66667%{transform:translate3d(0em,3em,0.093em);background:#ffde66;}
75%{transform:translate3d(0em,3em,-0.22615em);background:#ffcc66;}
83.33333%{transform:translate3d(0em,3em,-1.0989em);background:#ff9a66;}
91.66667%{transform:translate3d(0em,3em,-1.80927em);background:#ff7166;}
}
@keyframes x46{0%{transform:rotate(0deg) rotateY(-40.21599deg) scaleX(1.30956);}
8.33333%{transform:rotate(0deg) rotateY(-33.21181deg) scaleX(1.19524);}
16.66667%{transform:rotate(0deg) rotateY(4.19633deg) scaleX(1.00269);}
25%{transform:rotate(0deg) rotateY(36.55298deg) scaleX(1.24485);}
33.33333%{transform:rotate(0deg) rotateY(38.69557deg) scaleX(1.28126);}
41.66667%{transform:rotate(0deg) rotateY(11.51341deg) scaleX(1.02054);}
50%{transform:rotate(0deg) rotateY(-29.28946deg) scaleX(1.14658);}
58.33333%{transform:rotate(0deg) rotateY(-40.85825deg) scaleX(1.32217);}
66.66667%{transform:rotate(0deg) rotateY(-24.69488deg) scaleX(1.10066);}
75%{transform:rotate(0deg) rotateY(17.88299deg) scaleX(1.05077);}
83.33333%{transform:rotate(0deg) rotateY(40.04508deg) scaleX(1.30627);}
91.66667%{transform:rotate(0deg) rotateY(33.77247deg) scaleX(1.20301);}
}
@keyframes y46{0%{transform:rotate(90deg) rotateY(-9.51173deg) scaleX(1.01394);}
8.33333%{transform:rotate(90deg) rotateY(1.34739deg) scaleX(1.00028);}
16.66667%{transform:rotate(90deg) rotateY(36.93234deg) scaleX(1.25102);}
25%{transform:rotate(90deg) rotateY(54.86196deg) scaleX(1.73747);}
33.33333%{transform:rotate(90deg) rotateY(55.96233deg) scaleX(1.78655);}
41.66667%{transform:rotate(90deg) rotateY(41.41056deg) scaleX(1.33335);}
50%{transform:rotate(90deg) rotateY(6.69792deg) scaleX(1.00687);}
58.33333%{transform:rotate(90deg) rotateY(-10.59448deg) scaleX(1.01734);}
66.66667%{transform:rotate(90deg) rotateY(12.32187deg) scaleX(1.02358);}
75%{transform:rotate(90deg) rotateY(45.05712deg) scaleX(1.41563);}
83.33333%{transform:rotate(90deg) rotateY(56.65809deg) scaleX(1.81939);}
91.66667%{transform:rotate(90deg) rotateY(53.42601deg) scaleX(1.67825);}
}
.point:nth-child(47){transform:translate3d(1em,3em,0.67845em);background:#feff66;animation:h47 9s linear infinite;}
.point:nth-child(47):before{opacity:.99;transform:rotate(0deg) rotateY(-53.61635deg) scaleX(1.6858);animation-name:x47;}
.point:nth-child(47):after{opacity:.99;transform:rotate(90deg) rotateY(9.51173deg) scaleX(1.01394);animation-name:y47;}
@keyframes h47{0%{transform:translate3d(1em,3em,0.67845em);background:#feff66;}
8.33333%{transform:translate3d(1em,3em,0.65926em);background:#ffff66;}
16.66667%{transform:translate3d(1em,3em,-0.0833em);background:#ffd466;}
25%{transform:translate3d(1em,3em,-0.94008em);background:#ffa366;}
33.33333%{transform:translate3d(1em,3em,-1.2082em);background:#ff9366;}
41.66667%{transform:translate3d(1em,3em,-0.6677em);background:#ffb266;}
50%{transform:translate3d(1em,3em,0.238em);background:#ffe666;}
58.33333%{transform:translate3d(1em,3em,0.76591em);background:#f9ff66;}
66.66667%{transform:translate3d(1em,3em,0.48295em);background:#fff466;}
75%{transform:translate3d(1em,3em,-0.37876em);background:#ffc366;}
83.33333%{transform:translate3d(1em,3em,-1.11229em);background:#ff9966;}
91.66667%{transform:translate3d(1em,3em,-1.11589em);background:#ff9966;}
}
@keyframes x47{0%{transform:rotate(0deg) rotateY(-53.61635deg) scaleX(1.6858);}
8.33333%{transform:rotate(0deg) rotateY(-32.67945deg) scaleX(1.18807);}
16.66667%{transform:rotate(0deg) rotateY(2.48164deg) scaleX(1.00094);}
25%{transform:rotate(0deg) rotateY(7.75937deg) scaleX(1.00924);}
33.33333%{transform:rotate(0deg) rotateY(-23.70546deg) scaleX(1.09215);}
41.66667%{transform:rotate(0deg) rotateY(-50.46254deg) scaleX(1.57089);}
50%{transform:rotate(0deg) rotateY(-57.1103deg) scaleX(1.84154);}
58.33333%{transform:rotate(0deg) rotateY(-49.47634deg) scaleX(1.53903);}
66.66667%{transform:rotate(0deg) rotateY(-21.30076deg) scaleX(1.07332);}
75%{transform:rotate(0deg) rotateY(8.67647deg) scaleX(1.01158);}
83.33333%{transform:rotate(0deg) rotateY(0.76734deg) scaleX(1.00009);}
91.66667%{transform:rotate(0deg) rotateY(-34.72215deg) scaleX(1.21666);}
}
@keyframes y47{0%{transform:rotate(90deg) rotateY(9.51173deg) scaleX(1.01394);}
8.33333%{transform:rotate(90deg) rotateY(41.42962deg) scaleX(1.33374);}
16.66667%{transform:rotate(90deg) rotateY(57.47733deg) scaleX(1.86);}
25%{transform:rotate(90deg) rotateY(58.95147deg) scaleX(1.93887);}
33.33333%{transform:rotate(90deg) rotateY(47.35182deg) scaleX(1.47603);}
41.66667%{transform:rotate(90deg) rotateY(17.39753deg) scaleX(1.04794);}
50%{transform:rotate(90deg) rotateY(-1.22423deg) scaleX(1.00023);}
58.33333%{transform:rotate(90deg) rotateY(19.55795deg) scaleX(1.06123);}
66.66667%{transform:rotate(90deg) rotateY(48.61303deg) scaleX(1.51254);}
75%{transform:rotate(90deg) rotateY(59.19849deg) scaleX(1.95288);}
83.33333%{transform:rotate(90deg) rotateY(56.97528deg) scaleX(1.83486);}
91.66667%{transform:rotate(90deg) rotateY(39.71546deg) scaleX(1.30001);}
}
.point:nth-child(48){transform:translate3d(2em,3em,1.52446em);background:#ceff66;animation:h48 9s linear infinite;}
.point:nth-child(48):before{opacity:.99;transform:rotate(0deg) rotateY(-40.21599deg) scaleX(1.30956);animation-name:x48;}
.point:nth-child(48):after{opacity:.99;transform:rotate(90deg) rotateY(20.62998deg) scaleX(1.06852);animation-name:y48;}
@keyframes h48{0%{transform:translate3d(2em,3em,1.52446em);background:#ceff66;}
8.33333%{transform:translate3d(2em,3em,0.80452em);background:#f7ff66;}
16.66667%{transform:translate3d(2em,3em,-0.06393em);background:#ffd566;}
25%{transform:translate3d(2em,3em,-0.36844em);background:#ffc466;}
33.33333%{transform:translate3d(2em,3em,0.14078em);background:#ffe166;}
41.66667%{transform:translate3d(2em,3em,1.04601em);background:#e9ff66;}
50%{transform:translate3d(2em,3em,1.60461em);background:#c9ff66;}
58.33333%{transform:translate3d(2em,3em,1.35834em);background:#d7ff66;}
66.66667%{transform:translate3d(2em,3em,0.50922em);background:#fff666;}
75%{transform:translate3d(2em,3em,-0.24615em);background:#ffcb66;}
83.33333%{transform:translate3d(2em,3em,-0.28811em);background:#ffc866;}
91.66667%{transform:translate3d(2em,3em,0.41778em);background:#fff166;}
}
@keyframes x48{0%{transform:rotate(0deg) rotateY(-40.21599deg) scaleX(1.30956);}
8.33333%{transform:rotate(0deg) rotateY(-8.26456deg) scaleX(1.01049);}
16.66667%{transform:rotate(0deg) rotateY(-1.10997deg) scaleX(1.00019);}
25%{transform:rotate(0deg) rotateY(-29.74993deg) scaleX(1.15181);}
33.33333%{transform:rotate(0deg) rotateY(-53.45641deg) scaleX(1.67945);}
41.66667%{transform:rotate(0deg) rotateY(-59.73969deg) scaleX(1.9844);}
50%{transform:rotate(0deg) rotateY(-53.81102deg) scaleX(1.69362);}
58.33333%{transform:rotate(0deg) rotateY(-30.63871deg) scaleX(1.16225);}
66.66667%{transform:rotate(0deg) rotateY(-1.50509deg) scaleX(1.00035);}
75%{transform:rotate(0deg) rotateY(-7.5535deg) scaleX(1.00875);}
83.33333%{transform:rotate(0deg) rotateY(-39.48186deg) scaleX(1.29563);}
91.66667%{transform:rotate(0deg) rotateY(-56.90408deg) scaleX(1.83136);}
}
@keyframes y48{0%{transform:rotate(90deg) rotateY(20.62998deg) scaleX(1.06852);}
8.33333%{transform:rotate(90deg) rotateY(47.14082deg) scaleX(1.47016);}
16.66667%{transform:rotate(90deg) rotateY(50.28192deg) scaleX(1.56492);}
25%{transform:rotate(90deg) rotateY(33.04994deg) scaleX(1.19304);}
33.33333%{transform:rotate(90deg) rotateY(-7.2073deg) scaleX(1.00796);}
41.66667%{transform:rotate(90deg) rotateY(-26.15019deg) scaleX(1.11403);}
50%{transform:rotate(90deg) rotateY(-8.19895deg) scaleX(1.01033);}
58.33333%{transform:rotate(90deg) rotateY(32.20703deg) scaleX(1.18185);}
66.66667%{transform:rotate(90deg) rotateY(50.12038deg) scaleX(1.55963);}
75%{transform:rotate(90deg) rotateY(47.47332deg) scaleX(1.47944);}
83.33333%{transform:rotate(90deg) rotateY(21.71651deg) scaleX(1.0764);}
91.66667%{transform:rotate(90deg) rotateY(-17.27292deg) scaleX(1.04723);}
}
.point:nth-child(49){transform:translate3d(3em,3em,1.22252em);background:#dfff66;animation:h49 9s linear infinite;}
.point:nth-child(49):before{opacity:.99;transform:rotate(0deg) rotateY(16.79192deg) scaleX(1.04454);animation-name:x49;}
.point:nth-child(49):after{opacity:.99;transform:rotate(90deg) rotateY(16.79192deg) scaleX(1.04454);animation-name:y49;}
@keyframes h49{0%{transform:translate3d(3em,3em,1.22252em);background:#dfff66;}
8.33333%{transform:translate3d(3em,3em,0.34396em);background:#ffec66;}
16.66667%{transform:translate3d(3em,3em,0.00359em);background:#ffd966;}
25%{transform:translate3d(3em,3em,0.48064em);background:#fff466;}
33.33333%{transform:translate3d(3em,3em,1.38375em);background:#d6ff66;}
41.66667%{transform:translate3d(3em,3em,1.97205em);background:#b4ff66;}
50%{transform:translate3d(3em,3em,1.76292em);background:#c0ff66;}
58.33333%{transform:translate3d(3em,3em,0.92791em);background:#f0ff66;}
66.66667%{transform:translate3d(3em,3em,0.15205em);background:#ffe166;}
75%{transform:translate3d(3em,3em,0.07181em);background:#ffdd66;}
83.33333%{transform:translate3d(3em,3em,0.75303em);background:#faff66;}
91.66667%{transform:translate3d(3em,3em,1.63685em);background:#c7ff66;}
}
@keyframes x49{0%{transform:rotate(0deg) rotateY(16.79192deg) scaleX(1.04454);}
8.33333%{transform:rotate(0deg) rotateY(24.72255deg) scaleX(1.1009);}
16.66667%{transform:rotate(0deg) rotateY(-3.85954deg) scaleX(1.00227);}
25%{transform:rotate(0deg) rotateY(-40.318deg) scaleX(1.31154);}
33.33333%{transform:rotate(0deg) rotateY(-51.19333deg) scaleX(1.59567);}
41.66667%{transform:rotate(0deg) rotateY(-42.79056deg) scaleX(1.36269);}
50%{transform:rotate(0deg) rotateY(-8.99504deg) scaleX(1.01245);}
58.33333%{transform:rotate(0deg) rotateY(23.28413deg) scaleX(1.08867);}
66.66667%{transform:rotate(0deg) rotateY(19.65427deg) scaleX(1.06187);}
75%{transform:rotate(0deg) rotateY(-17.62716deg) scaleX(1.04927);}
83.33333%{transform:rotate(0deg) rotateY(-46.16837deg) scaleX(1.44396);}
91.66667%{transform:rotate(0deg) rotateY(-50.65065deg) scaleX(1.57717);}
}
@keyframes y49{0%{transform:rotate(90deg) rotateY(16.79192deg) scaleX(1.04454);}
8.33333%{transform:rotate(90deg) rotateY(24.72255deg) scaleX(1.1009);}
16.66667%{transform:rotate(90deg) rotateY(-3.85954deg) scaleX(1.00227);}
25%{transform:rotate(90deg) rotateY(-40.318deg) scaleX(1.31154);}
33.33333%{transform:rotate(90deg) rotateY(-51.19333deg) scaleX(1.59567);}
41.66667%{transform:rotate(90deg) rotateY(-42.79056deg) scaleX(1.36269);}
50%{transform:rotate(90deg) rotateY(-8.99504deg) scaleX(1.01245);}
58.33333%{transform:rotate(90deg) rotateY(23.28413deg) scaleX(1.08867);}
66.66667%{transform:rotate(90deg) rotateY(19.65427deg) scaleX(1.06187);}
75%{transform:rotate(90deg) rotateY(-17.62716deg) scaleX(1.04927);}
83.33333%{transform:rotate(90deg) rotateY(-46.16837deg) scaleX(1.44396);}
91.66667%{transform:rotate(90deg) rotateY(-50.65065deg) scaleX(1.57717);}
}
@keyframes a{to{transform:rotateX(90deg) rotate(360deg);}
}
分享到QQ
分享到微博
微信扫一扫
