以下是 css3梦幻荷花效果 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css3梦幻荷花效果</title>
<style>
@-webkit-keyframes height {
0% {
height: 66.66667px;
top: 0px;
}
1% {
height: 72.94882px;
top: -3.14108px;
}
2% {
height: 79.22477px;
top: -6.27905px;
}
3% {
height: 85.48833px;
top: -9.41083px;
}
4% {
height: 91.73331px;
top: -12.53332px;
}
5% {
height: 97.95356px;
top: -15.64345px;
}
6% {
height: 104.14293px;
top: -18.73813px;
}
7% {
height: 110.29531px;
top: -21.81432px;
}
8% {
height: 116.40464px;
top: -24.86899px;
}
9% {
height: 122.46489px;
top: -27.89911px;
}
10% {
height: 128.47007px;
top: -30.9017px;
}
11% {
height: 134.41425px;
top: -33.87379px;
}
12% {
height: 140.29158px;
top: -36.81246px;
}
13% {
height: 146.09624px;
top: -39.71479px;
}
14% {
height: 151.82252px;
top: -42.57793px;
}
15% {
height: 157.46477px;
top: -45.39905px;
}
16% {
height: 163.0174px;
top: -48.17537px;
}
17% {
height: 168.47495px;
top: -50.90414px;
}
18% {
height: 173.83203px;
top: -53.58268px;
}
19% {
height: 179.08334px;
top: -56.20834px;
}
20% {
height: 184.22372px;
top: -58.77853px;
}
21% {
height: 189.24808px;
top: -61.29071px;
}
22% {
height: 194.15146px;
top: -63.7424px;
}
23% {
height: 198.92904px;
top: -66.13119px;
}
24% {
height: 203.57609px;
top: -68.45471px;
}
25% {
height: 208.08802px;
top: -70.71068px;
}
26% {
height: 212.46039px;
top: -72.89686px;
}
27% {
height: 216.68888px;
top: -75.01111px;
}
28% {
height: 220.76932px;
top: -77.05132px;
}
29% {
height: 224.69767px;
top: -79.0155px;
}
30% {
height: 228.47007px;
top: -80.9017px;
}
31% {
height: 232.08278px;
top: -82.70806px;
}
32% {
height: 235.53225px;
top: -84.43279px;
}
33% {
height: 238.81507px;
top: -86.0742px;
}
34% {
height: 241.928px;
top: -87.63067px;
}
35% {
height: 244.86797px;
top: -89.10065px;
}
36% {
height: 247.63208px;
top: -90.48271px;
}
37% {
height: 250.21759px;
top: -91.77546px;
}
38% {
height: 252.62196px;
top: -92.97765px;
}
39% {
height: 254.84282px;
top: -94.08808px;
}
40% {
height: 256.87797px;
top: -95.10565px;
}
41% {
height: 258.7254px;
top: -96.02937px;
}
42% {
height: 260.3833px;
top: -96.85832px;
}
43% {
height: 261.85002px;
top: -97.59168px;
}
44% {
height: 263.12412px;
top: -98.22873px;
}
45% {
height: 264.20433px;
top: -98.76883px;
}
46% {
height: 265.08961px;
top: -99.21147px;
}
47% {
height: 265.77906px;
top: -99.5562px;
}
48% {
height: 266.27201px;
top: -99.80267px;
}
49% {
height: 266.56798px;
top: -99.95066px;
}
50% {
height: 266.66667px;
top: -100px;
}
51% {
height: 266.56798px;
top: -99.95066px;
}
52% {
height: 266.27201px;
top: -99.80267px;
}
53% {
height: 265.77906px;
top: -99.5562px;
}
54% {
height: 265.08961px;
top: -99.21147px;
}
55% {
height: 264.20433px;
top: -98.76883px;
}
56% {
height: 263.12412px;
top: -98.22873px;
}
57% {
height: 261.85002px;
top: -97.59168px;
}
58% {
height: 260.3833px;
top: -96.85832px;
}
59% {
height: 258.7254px;
top: -96.02937px;
}
60% {
height: 256.87797px;
top: -95.10565px;
}
61% {
height: 254.84282px;
top: -94.08808px;
}
62% {
height: 252.62196px;
top: -92.97765px;
}
63% {
height: 250.21759px;
top: -91.77546px;
}
64% {
height: 247.63208px;
top: -90.48271px;
}
65% {
height: 244.86797px;
top: -89.10065px;
}
66% {
height: 241.928px;
top: -87.63067px;
}
67% {
height: 238.81507px;
top: -86.0742px;
}
68% {
height: 235.53225px;
top: -84.43279px;
}
69% {
height: 232.08278px;
top: -82.70806px;
}
70% {
height: 228.47007px;
top: -80.9017px;
}
71% {
height: 224.69767px;
top: -79.0155px;
}
72% {
height: 220.76932px;
top: -77.05132px;
}
73% {
height: 216.68888px;
top: -75.01111px;
}
74% {
height: 212.46039px;
top: -72.89686px;
}
75% {
height: 208.08802px;
top: -70.71068px;
}
76% {
height: 203.57609px;
top: -68.45471px;
}
77% {
height: 198.92904px;
top: -66.13119px;
}
78% {
height: 194.15146px;
top: -63.7424px;
}
79% {
height: 189.24808px;
top: -61.29071px;
}
80% {
height: 184.22372px;
top: -58.77853px;
}
81% {
height: 179.08334px;
top: -56.20834px;
}
82% {
height: 173.83203px;
top: -53.58268px;
}
83% {
height: 168.47495px;
top: -50.90414px;
}
84% {
height: 163.0174px;
top: -48.17537px;
}
85% {
height: 157.46477px;
top: -45.39905px;
}
86% {
height: 151.82252px;
top: -42.57793px;
}
87% {
height: 146.09624px;
top: -39.71479px;
}
88% {
height: 140.29158px;
top: -36.81246px;
}
89% {
height: 134.41425px;
top: -33.87379px;
}
90% {
height: 128.47007px;
top: -30.9017px;
}
91% {
height: 122.46489px;
top: -27.89911px;
}
92% {
height: 116.40464px;
top: -24.86899px;
}
93% {
height: 110.29531px;
top: -21.81432px;
}
94% {
height: 104.14293px;
top: -18.73813px;
}
95% {
height: 97.95356px;
top: -15.64345px;
}
96% {
height: 91.73331px;
top: -12.53332px;
}
97% {
height: 85.48833px;
top: -9.41083px;
}
98% {
height: 79.22477px;
top: -6.27905px;
}
99% {
height: 72.94882px;
top: -3.14108px;
}
100% {
height: 66.66667px;
top: 0.0px;
}
}
@-webkit-keyframes width {
}
@-webkit-keyframes backgroundColor {
0% {
background-color: #ff3333;
}
1% {
background-color: #ff5933;
}
2% {
background-color: #ff8033;
}
3% {
background-color: #ffa633;
}
4% {
background-color: #ffcc33;
}
5% {
background-color: #fff233;
}
6% {
background-color: #e6ff33;
}
7% {
background-color: #c0ff33;
}
8% {
background-color: #9bff33;
}
9% {
background-color: #76ff33;
}
10% {
background-color: #51ff33;
}
11% {
background-color: #33ff3a;
}
12% {
background-color: #33ff5e;
}
13% {
background-color: #33ff81;
}
14% {
background-color: #33ffa4;
}
15% {
background-color: #33ffc7;
}
16% {
background-color: #33ffe9;
}
17% {
background-color: #33f4ff;
}
18% {
background-color: #33d3ff;
}
19% {
background-color: #33b3ff;
}
20% {
background-color: #3394ff;
}
21% {
background-color: #3375ff;
}
22% {
background-color: #3357ff;
}
23% {
background-color: #333aff;
}
24% {
background-color: #4933ff;
}
25% {
background-color: #6433ff;
}
26% {
background-color: #7f33ff;
}
27% {
background-color: #9933ff;
}
28% {
background-color: #b233ff;
}
29% {
background-color: #ca33ff;
}
30% {
background-color: #e133ff;
}
31% {
background-color: #f733ff;
}
32% {
background-color: #ff33f2;
}
33% {
background-color: #ff33dd;
}
34% {
background-color: #ff33ca;
}
35% {
background-color: #ff33b8;
}
36% {
background-color: #ff33a7;
}
37% {
background-color: #ff3398;
}
38% {
background-color: #ff3389;
}
39% {
background-color: #ff337b;
}
40% {
background-color: #ff336f;
}
41% {
background-color: #ff3364;
}
42% {
background-color: #ff3359;
}
43% {
background-color: #ff3350;
}
44% {
background-color: #ff3349;
}
45% {
background-color: #ff3342;
}
46% {
background-color: #ff333d;
}
47% {
background-color: #ff3338;
}
48% {
background-color: #ff3335;
}
49% {
background-color: #ff3334;
}
50% {
background-color: #ff3333;
}
51% {
background-color: #ff3334;
}
52% {
background-color: #ff3335;
}
53% {
background-color: #ff3338;
}
54% {
background-color: #ff333d;
}
55% {
background-color: #ff3342;
}
56% {
background-color: #ff3349;
}
57% {
background-color: #ff3350;
}
58% {
background-color: #ff3359;
}
59% {
background-color: #ff3364;
}
60% {
background-color: #ff336f;
}
61% {
background-color: #ff337b;
}
62% {
background-color: #ff3389;
}
63% {
background-color: #ff3398;
}
64% {
background-color: #ff33a7;
}
65% {
background-color: #ff33b8;
}
66% {
background-color: #ff33ca;
}
67% {
background-color: #ff33dd;
}
68% {
background-color: #ff33f2;
}
69% {
background-color: #f733ff;
}
70% {
background-color: #e133ff;
}
71% {
background-color: #ca33ff;
}
72% {
background-color: #b233ff;
}
73% {
background-color: #9933ff;
}
74% {
background-color: #7f33ff;
}
75% {
background-color: #6433ff;
}
76% {
background-color: #4933ff;
}
77% {
background-color: #333aff;
}
78% {
background-color: #3357ff;
}
79% {
background-color: #3375ff;
}
80% {
background-color: #3394ff;
}
81% {
background-color: #33b3ff;
}
82% {
background-color: #33d3ff;
}
83% {
background-color: #33f4ff;
}
84% {
background-color: #33ffe9;
}
85% {
background-color: #33ffc7;
}
86% {
background-color: #33ffa4;
}
87% {
background-color: #33ff81;
}
88% {
background-color: #33ff5e;
}
89% {
background-color: #33ff3a;
}
90% {
background-color: #51ff33;
}
91% {
background-color: #76ff33;
}
92% {
background-color: #9bff33;
}
93% {
background-color: #c0ff33;
}
94% {
background-color: #e6ff33;
}
95% {
background-color: #fff233;
}
96% {
background-color: #ffcc33;
}
97% {
background-color: #ffa633;
}
98% {
background-color: #ff8033;
}
99% {
background-color: #ff5933;
}
100% {
background-color: #ff3333;
}
}
@-webkit-keyframes opacity {
0% {
opacity: 0.1;
}
1% {
opacity: 0.10314;
}
2% {
opacity: 0.10628;
}
3% {
opacity: 0.10941;
}
4% {
opacity: 0.11253;
}
5% {
opacity: 0.11564;
}
6% {
opacity: 0.11874;
}
7% {
opacity: 0.12181;
}
8% {
opacity: 0.12487;
}
9% {
opacity: 0.1279;
}
10% {
opacity: 0.1309;
}
11% {
opacity: 0.13387;
}
12% {
opacity: 0.13681;
}
13% {
opacity: 0.13971;
}
14% {
opacity: 0.14258;
}
15% {
opacity: 0.1454;
}
16% {
opacity: 0.14818;
}
17% {
opacity: 0.1509;
}
18% {
opacity: 0.15358;
}
19% {
opacity: 0.15621;
}
20% {
opacity: 0.15878;
}
21% {
opacity: 0.16129;
}
22% {
opacity: 0.16374;
}
23% {
opacity: 0.16613;
}
24% {
opacity: 0.16845;
}
25% {
opacity: 0.17071;
}
26% {
opacity: 0.1729;
}
27% {
opacity: 0.17501;
}
28% {
opacity: 0.17705;
}
29% {
opacity: 0.17902;
}
30% {
opacity: 0.1809;
}
31% {
opacity: 0.18271;
}
32% {
opacity: 0.18443;
}
33% {
opacity: 0.18607;
}
34% {
opacity: 0.18763;
}
35% {
opacity: 0.1891;
}
36% {
opacity: 0.19048;
}
37% {
opacity: 0.19178;
}
38% {
opacity: 0.19298;
}
39% {
opacity: 0.19409;
}
40% {
opacity: 0.19511;
}
41% {
opacity: 0.19603;
}
42% {
opacity: 0.19686;
}
43% {
opacity: 0.19759;
}
44% {
opacity: 0.19823;
}
45% {
opacity: 0.19877;
}
46% {
opacity: 0.19921;
}
47% {
opacity: 0.19956;
}
48% {
opacity: 0.1998;
}
49% {
opacity: 0.19995;
}
50% {
opacity: 0.2;
}
51% {
opacity: 0.19995;
}
52% {
opacity: 0.1998;
}
53% {
opacity: 0.19956;
}
54% {
opacity: 0.19921;
}
55% {
opacity: 0.19877;
}
56% {
opacity: 0.19823;
}
57% {
opacity: 0.19759;
}
58% {
opacity: 0.19686;
}
59% {
opacity: 0.19603;
}
60% {
opacity: 0.19511;
}
61% {
opacity: 0.19409;
}
62% {
opacity: 0.19298;
}
63% {
opacity: 0.19178;
}
64% {
opacity: 0.19048;
}
65% {
opacity: 0.1891;
}
66% {
opacity: 0.18763;
}
67% {
opacity: 0.18607;
}
68% {
opacity: 0.18443;
}
69% {
opacity: 0.18271;
}
70% {
opacity: 0.1809;
}
71% {
opacity: 0.17902;
}
72% {
opacity: 0.17705;
}
73% {
opacity: 0.17501;
}
74% {
opacity: 0.1729;
}
75% {
opacity: 0.17071;
}
76% {
opacity: 0.16845;
}
77% {
opacity: 0.16613;
}
78% {
opacity: 0.16374;
}
79% {
opacity: 0.16129;
}
80% {
opacity: 0.15878;
}
81% {
opacity: 0.15621;
}
82% {
opacity: 0.15358;
}
83% {
opacity: 0.1509;
}
84% {
opacity: 0.14818;
}
85% {
opacity: 0.1454;
}
86% {
opacity: 0.14258;
}
87% {
opacity: 0.13971;
}
88% {
opacity: 0.13681;
}
89% {
opacity: 0.13387;
}
90% {
opacity: 0.1309;
}
91% {
opacity: 0.1279;
}
92% {
opacity: 0.12487;
}
93% {
opacity: 0.12181;
}
94% {
opacity: 0.11874;
}
95% {
opacity: 0.11564;
}
96% {
opacity: 0.11253;
}
97% {
opacity: 0.10941;
}
98% {
opacity: 0.10628;
}
99% {
opacity: 0.10314;
}
100% {
opacity: 0.1;
}
}
@-webkit-keyframes borderTopWidth {
0% {
border-top-width: 200px;
}
1% {
border-top-width: 199.90131px;
}
2% {
border-top-width: 199.60535px;
}
3% {
border-top-width: 199.11239px;
}
4% {
border-top-width: 198.42294px;
}
5% {
border-top-width: 197.53767px;
}
6% {
border-top-width: 196.45745px;
}
7% {
border-top-width: 195.18335px;
}
8% {
border-top-width: 193.71663px;
}
9% {
border-top-width: 192.05874px;
}
10% {
border-top-width: 190.2113px;
}
11% {
border-top-width: 188.17615px;
}
12% {
border-top-width: 185.9553px;
}
13% {
border-top-width: 183.55093px;
}
14% {
border-top-width: 180.96541px;
}
15% {
border-top-width: 178.2013px;
}
16% {
border-top-width: 175.26134px;
}
17% {
border-top-width: 172.14841px;
}
18% {
border-top-width: 168.86559px;
}
19% {
border-top-width: 165.41611px;
}
20% {
border-top-width: 161.8034px;
}
21% {
border-top-width: 158.031px;
}
22% {
border-top-width: 154.10265px;
}
23% {
border-top-width: 150.02221px;
}
24% {
border-top-width: 145.79373px;
}
25% {
border-top-width: 141.42136px;
}
26% {
border-top-width: 136.90942px;
}
27% {
border-top-width: 132.26237px;
}
28% {
border-top-width: 127.4848px;
}
29% {
border-top-width: 122.58141px;
}
30% {
border-top-width: 117.55705px;
}
31% {
border-top-width: 112.41668px;
}
32% {
border-top-width: 107.16536px;
}
33% {
border-top-width: 101.80828px;
}
34% {
border-top-width: 96.35073px;
}
35% {
border-top-width: 90.7981px;
}
36% {
border-top-width: 85.15586px;
}
37% {
border-top-width: 79.42958px;
}
38% {
border-top-width: 73.62491px;
}
39% {
border-top-width: 67.74758px;
}
40% {
border-top-width: 61.8034px;
}
41% {
border-top-width: 55.79822px;
}
42% {
border-top-width: 49.73798px;
}
43% {
border-top-width: 43.62865px;
}
44% {
border-top-width: 37.47626px;
}
45% {
border-top-width: 31.28689px;
}
46% {
border-top-width: 25.06665px;
}
47% {
border-top-width: 18.82166px;
}
48% {
border-top-width: 12.5581px;
}
49% {
border-top-width: 6.28215px;
}
50% {
border-top-width: 0.0px;
}
51% {
border-top-width: 6.28215px;
}
52% {
border-top-width: 12.5581px;
}
53% {
border-top-width: 18.82166px;
}
54% {
border-top-width: 25.06665px;
}
55% {
border-top-width: 31.28689px;
}
56% {
border-top-width: 37.47626px;
}
57% {
border-top-width: 43.62865px;
}
58% {
border-top-width: 49.73798px;
}
59% {
border-top-width: 55.79822px;
}
60% {
border-top-width: 61.8034px;
}
61% {
border-top-width: 67.74758px;
}
62% {
border-top-width: 73.62491px;
}
63% {
border-top-width: 79.42958px;
}
64% {
border-top-width: 85.15586px;
}
65% {
border-top-width: 90.7981px;
}
66% {
border-top-width: 96.35073px;
}
67% {
border-top-width: 101.80828px;
}
68% {
border-top-width: 107.16536px;
}
69% {
border-top-width: 112.41668px;
}
70% {
border-top-width: 117.55705px;
}
71% {
border-top-width: 122.58141px;
}
72% {
border-top-width: 127.4848px;
}
73% {
border-top-width: 132.26237px;
}
74% {
border-top-width: 136.90942px;
}
75% {
border-top-width: 141.42136px;
}
76% {
border-top-width: 145.79373px;
}
77% {
border-top-width: 150.02221px;
}
78% {
border-top-width: 154.10265px;
}
79% {
border-top-width: 158.031px;
}
80% {
border-top-width: 161.8034px;
}
81% {
border-top-width: 165.41611px;
}
82% {
border-top-width: 168.86559px;
}
83% {
border-top-width: 172.14841px;
}
84% {
border-top-width: 175.26134px;
}
85% {
border-top-width: 178.2013px;
}
86% {
border-top-width: 180.96541px;
}
87% {
border-top-width: 183.55093px;
}
88% {
border-top-width: 185.9553px;
}
89% {
border-top-width: 188.17615px;
}
90% {
border-top-width: 190.2113px;
}
91% {
border-top-width: 192.05874px;
}
92% {
border-top-width: 193.71663px;
}
93% {
border-top-width: 195.18335px;
}
94% {
border-top-width: 196.45745px;
}
95% {
border-top-width: 197.53767px;
}
96% {
border-top-width: 198.42294px;
}
97% {
border-top-width: 199.11239px;
}
98% {
border-top-width: 199.60535px;
}
99% {
border-top-width: 199.90131px;
}
100% {
border-top-width: 200px;
}
}
@-webkit-keyframes borderRightWidth {
0% {
border-right-width: 200px;
}
1% {
border-right-width: 199.90131px;
}
2% {
border-right-width: 199.60535px;
}
3% {
border-right-width: 199.11239px;
}
4% {
border-right-width: 198.42294px;
}
5% {
border-right-width: 197.53767px;
}
6% {
border-right-width: 196.45745px;
}
7% {
border-right-width: 195.18335px;
}
8% {
border-right-width: 193.71663px;
}
9% {
border-right-width: 192.05874px;
}
10% {
border-right-width: 190.2113px;
}
11% {
border-right-width: 188.17615px;
}
12% {
border-right-width: 185.9553px;
}
13% {
border-right-width: 183.55093px;
}
14% {
border-right-width: 180.96541px;
}
15% {
border-right-width: 178.2013px;
}
16% {
border-right-width: 175.26134px;
}
17% {
border-right-width: 172.14841px;
}
18% {
border-right-width: 168.86559px;
}
19% {
border-right-width: 165.41611px;
}
20% {
border-right-width: 161.8034px;
}
21% {
border-right-width: 158.031px;
}
22% {
border-right-width: 154.10265px;
}
23% {
border-right-width: 150.02221px;
}
24% {
border-right-width: 145.79373px;
}
25% {
border-right-width: 141.42136px;
}
26% {
border-right-width: 136.90942px;
}
27% {
border-right-width: 132.26237px;
}
28% {
border-right-width: 127.4848px;
}
29% {
border-right-width: 122.58141px;
}
30% {
border-right-width: 117.55705px;
}
31% {
border-right-width: 112.41668px;
}
32% {
border-right-width: 107.16536px;
}
33% {
border-right-width: 101.80828px;
}
34% {
border-right-width: 96.35073px;
}
35% {
border-right-width: 90.7981px;
}
36% {
border-right-width: 85.15586px;
}
37% {
border-right-width: 79.42958px;
}
38% {
border-right-width: 73.62491px;
}
39% {
border-right-width: 67.74758px;
}
40% {
border-right-width: 61.8034px;
}
41% {
border-right-width: 55.79822px;
}
42% {
border-right-width: 49.73798px;
}
43% {
border-right-width: 43.62865px;
}
44% {
border-right-width: 37.47626px;
}
45% {
border-right-width: 31.28689px;
}
46% {
border-right-width: 25.06665px;
}
47% {
border-right-width: 18.82166px;
}
48% {
border-right-width: 12.5581px;
}
49% {
border-right-width: 6.28215px;
}
50% {
border-right-width: 0.0px;
}
51% {
border-right-width: 6.28215px;
}
52% {
border-right-width: 12.5581px;
}
53% {
border-right-width: 18.82166px;
}
54% {
border-right-width: 25.06665px;
}
55% {
border-right-width: 31.28689px;
}
56% {
border-right-width: 37.47626px;
}
57% {
border-right-width: 43.62865px;
}
58% {
border-right-width: 49.73798px;
}
59% {
border-right-width: 55.79822px;
}
60% {
border-right-width: 61.8034px;
}
61% {
border-right-width: 67.74758px;
}
62% {
border-right-width: 73.62491px;
}
63% {
border-right-width: 79.42958px;
}
64% {
border-right-width: 85.15586px;
}
65% {
border-right-width: 90.7981px;
}
66% {
border-right-width: 96.35073px;
}
67% {
border-right-width: 101.80828px;
}
68% {
border-right-width: 107.16536px;
}
69% {
border-right-width: 112.41668px;
}
70% {
border-right-width: 117.55705px;
}
71% {
border-right-width: 122.58141px;
}
72% {
border-right-width: 127.4848px;
}
73% {
border-right-width: 132.26237px;
}
74% {
border-right-width: 136.90942px;
}
75% {
border-right-width: 141.42136px;
}
76% {
border-right-width: 145.79373px;
}
77% {
border-right-width: 150.02221px;
}
78% {
border-right-width: 154.10265px;
}
79% {
border-right-width: 158.031px;
}
80% {
border-right-width: 161.8034px;
}
81% {
border-right-width: 165.41611px;
}
82% {
border-right-width: 168.86559px;
}
83% {
border-right-width: 172.14841px;
}
84% {
border-right-width: 175.26134px;
}
85% {
border-right-width: 178.2013px;
}
86% {
border-right-width: 180.96541px;
}
87% {
border-right-width: 183.55093px;
}
88% {
border-right-width: 185.9553px;
}
89% {
border-right-width: 188.17615px;
}
90% {
border-right-width: 190.2113px;
}
91% {
border-right-width: 192.05874px;
}
92% {
border-right-width: 193.71663px;
}
93% {
border-right-width: 195.18335px;
}
94% {
border-right-width: 196.45745px;
}
95% {
border-right-width: 197.53767px;
}
96% {
border-right-width: 198.42294px;
}
97% {
border-right-width: 199.11239px;
}
98% {
border-right-width: 199.60535px;
}
99% {
border-right-width: 199.90131px;
}
100% {
border-right-width: 200px;
}
}
@-webkit-keyframes borderBottomWidth {
0% {
border-right-width: 200px;
}
1% {
border-right-width: 199.90131px;
}
2% {
border-right-width: 199.60535px;
}
3% {
border-right-width: 199.11239px;
}
4% {
border-right-width: 198.42294px;
}
5% {
border-right-width: 197.53767px;
}
6% {
border-right-width: 196.45745px;
}
7% {
border-right-width: 195.18335px;
}
8% {
border-right-width: 193.71663px;
}
9% {
border-right-width: 192.05874px;
}
10% {
border-right-width: 190.2113px;
}
11% {
border-right-width: 188.17615px;
}
12% {
border-right-width: 185.9553px;
}
13% {
border-right-width: 183.55093px;
}
14% {
border-right-width: 180.96541px;
}
15% {
border-right-width: 178.2013px;
}
16% {
border-right-width: 175.26134px;
}
17% {
border-right-width: 172.14841px;
}
18% {
border-right-width: 168.86559px;
}
19% {
border-right-width: 165.41611px;
}
20% {
border-right-width: 161.8034px;
}
21% {
border-right-width: 158.031px;
}
22% {
border-right-width: 154.10265px;
}
23% {
border-right-width: 150.02221px;
}
24% {
border-right-width: 145.79373px;
}
25% {
border-right-width: 141.42136px;
}
26% {
border-right-width: 136.90942px;
}
27% {
border-right-width: 132.26237px;
}
28% {
border-right-width: 127.4848px;
}
29% {
border-right-width: 122.58141px;
}
30% {
border-right-width: 117.55705px;
}
31% {
border-right-width: 112.41668px;
}
32% {
border-right-width: 107.16536px;
}
33% {
border-right-width: 101.80828px;
}
34% {
border-right-width: 96.35073px;
}
35% {
border-right-width: 90.7981px;
}
36% {
border-right-width: 85.15586px;
}
37% {
border-right-width: 79.42958px;
}
38% {
border-right-width: 73.62491px;
}
39% {
border-right-width: 67.74758px;
}
40% {
border-right-width: 61.8034px;
}
41% {
border-right-width: 55.79822px;
}
42% {
border-right-width: 49.73798px;
}
43% {
border-right-width: 43.62865px;
}
44% {
border-right-width: 37.47626px;
}
45% {
border-right-width: 31.28689px;
}
46% {
border-right-width: 25.06665px;
}
47% {
border-right-width: 18.82166px;
}
48% {
border-right-width: 12.5581px;
}
49% {
border-right-width: 6.28215px;
}
50% {
border-right-width: 0.0px;
}
51% {
border-right-width: 6.28215px;
}
52% {
border-right-width: 12.5581px;
}
53% {
border-right-width: 18.82166px;
}
54% {
border-right-width: 25.06665px;
}
55% {
border-right-width: 31.28689px;
}
56% {
border-right-width: 37.47626px;
}
57% {
border-right-width: 43.62865px;
}
58% {
border-right-width: 49.73798px;
}
59% {
border-right-width: 55.79822px;
}
60% {
border-right-width: 61.8034px;
}
61% {
border-right-width: 67.74758px;
}
62% {
border-right-width: 73.62491px;
}
63% {
border-right-width: 79.42958px;
}
64% {
border-right-width: 85.15586px;
}
65% {
border-right-width: 90.7981px;
}
66% {
border-right-width: 96.35073px;
}
67% {
border-right-width: 101.80828px;
}
68% {
border-right-width: 107.16536px;
}
69% {
border-right-width: 112.41668px;
}
70% {
border-right-width: 117.55705px;
}
71% {
border-right-width: 122.58141px;
}
72% {
border-right-width: 127.4848px;
}
73% {
border-right-width: 132.26237px;
}
74% {
border-right-width: 136.90942px;
}
75% {
border-right-width: 141.42136px;
}
76% {
border-right-width: 145.79373px;
}
77% {
border-right-width: 150.02221px;
}
78% {
border-right-width: 154.10265px;
}
79% {
border-right-width: 158.031px;
}
80% {
border-right-width: 161.8034px;
}
81% {
border-right-width: 165.41611px;
}
82% {
border-right-width: 168.86559px;
}
83% {
border-right-width: 172.14841px;
}
84% {
border-right-width: 175.26134px;
}
85% {
border-right-width: 178.2013px;
}
86% {
border-right-width: 180.96541px;
}
87% {
border-right-width: 183.55093px;
}
88% {
border-right-width: 185.9553px;
}
89% {
border-right-width: 188.17615px;
}
90% {
border-right-width: 190.2113px;
}
91% {
border-right-width: 192.05874px;
}
92% {
border-right-width: 193.71663px;
}
93% {
border-right-width: 195.18335px;
}
94% {
border-right-width: 196.45745px;
}
95% {
border-right-width: 197.53767px;
}
96% {
border-right-width: 198.42294px;
}
97% {
border-right-width: 199.11239px;
}
98% {
border-right-width: 199.60535px;
}
99% {
border-right-width: 199.90131px;
}
100% {
border-right-width: 200px;
}
}
@-webkit-keyframes borderLeftWidth {
0% {
border-right-width: 200px;
}
1% {
border-right-width: 199.90131px;
}
2% {
border-right-width: 199.60535px;
}
3% {
border-right-width: 199.11239px;
}
4% {
border-right-width: 198.42294px;
}
5% {
border-right-width: 197.53767px;
}
6% {
border-right-width: 196.45745px;
}
7% {
border-right-width: 195.18335px;
}
8% {
border-right-width: 193.71663px;
}
9% {
border-right-width: 192.05874px;
}
10% {
border-right-width: 190.2113px;
}
11% {
border-right-width: 188.17615px;
}
12% {
border-right-width: 185.9553px;
}
13% {
border-right-width: 183.55093px;
}
14% {
border-right-width: 180.96541px;
}
15% {
border-right-width: 178.2013px;
}
16% {
border-right-width: 175.26134px;
}
17% {
border-right-width: 172.14841px;
}
18% {
border-right-width: 168.86559px;
}
19% {
border-right-width: 165.41611px;
}
20% {
border-right-width: 161.8034px;
}
21% {
border-right-width: 158.031px;
}
22% {
border-right-width: 154.10265px;
}
23% {
border-right-width: 150.02221px;
}
24% {
border-right-width: 145.79373px;
}
25% {
border-right-width: 141.42136px;
}
26% {
border-right-width: 136.90942px;
}
27% {
border-right-width: 132.26237px;
}
28% {
border-right-width: 127.4848px;
}
29% {
border-right-width: 122.58141px;
}
30% {
border-right-width: 117.55705px;
}
31% {
border-right-width: 112.41668px;
}
32% {
border-right-width: 107.16536px;
}
33% {
border-right-width: 101.80828px;
}
34% {
border-right-width: 96.35073px;
}
35% {
border-right-width: 90.7981px;
}
36% {
border-right-width: 85.15586px;
}
37% {
border-right-width: 79.42958px;
}
38% {
border-right-width: 73.62491px;
}
39% {
border-right-width: 67.74758px;
}
40% {
border-right-width: 61.8034px;
}
41% {
border-right-width: 55.79822px;
}
42% {
border-right-width: 49.73798px;
}
43% {
border-right-width: 43.62865px;
}
44% {
border-right-width: 37.47626px;
}
45% {
border-right-width: 31.28689px;
}
46% {
border-right-width: 25.06665px;
}
47% {
border-right-width: 18.82166px;
}
48% {
border-right-width: 12.5581px;
}
49% {
border-right-width: 6.28215px;
}
50% {
border-right-width: 0.0px;
}
51% {
border-right-width: 6.28215px;
}
52% {
border-right-width: 12.5581px;
}
53% {
border-right-width: 18.82166px;
}
54% {
border-right-width: 25.06665px;
}
55% {
border-right-width: 31.28689px;
}
56% {
border-right-width: 37.47626px;
}
57% {
border-right-width: 43.62865px;
}
58% {
border-right-width: 49.73798px;
}
59% {
border-right-width: 55.79822px;
}
60% {
border-right-width: 61.8034px;
}
61% {
border-right-width: 67.74758px;
}
62% {
border-right-width: 73.62491px;
}
63% {
border-right-width: 79.42958px;
}
64% {
border-right-width: 85.15586px;
}
65% {
border-right-width: 90.7981px;
}
66% {
border-right-width: 96.35073px;
}
67% {
border-right-width: 101.80828px;
}
68% {
border-right-width: 107.16536px;
}
69% {
border-right-width: 112.41668px;
}
70% {
border-right-width: 117.55705px;
}
71% {
border-right-width: 122.58141px;
}
72% {
border-right-width: 127.4848px;
}
73% {
border-right-width: 132.26237px;
}
74% {
border-right-width: 136.90942px;
}
75% {
border-right-width: 141.42136px;
}
76% {
border-right-width: 145.79373px;
}
77% {
border-right-width: 150.02221px;
}
78% {
border-right-width: 154.10265px;
}
79% {
border-right-width: 158.031px;
}
80% {
border-right-width: 161.8034px;
}
81% {
border-right-width: 165.41611px;
}
82% {
border-right-width: 168.86559px;
}
83% {
border-right-width: 172.14841px;
}
84% {
border-right-width: 175.26134px;
}
85% {
border-right-width: 178.2013px;
}
86% {
border-right-width: 180.96541px;
}
87% {
border-right-width: 183.55093px;
}
88% {
border-right-width: 185.9553px;
}
89% {
border-right-width: 188.17615px;
}
90% {
border-right-width: 190.2113px;
}
91% {
border-right-width: 192.05874px;
}
92% {
border-right-width: 193.71663px;
}
93% {
border-right-width: 195.18335px;
}
94% {
border-right-width: 196.45745px;
}
95% {
border-right-width: 197.53767px;
}
96% {
border-right-width: 198.42294px;
}
97% {
border-right-width: 199.11239px;
}
98% {
border-right-width: 199.60535px;
}
99% {
border-right-width: 199.90131px;
}
100% {
border-right-width: 200px;
}
}
@-webkit-keyframes transform {
0% {
-webkit-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateY(0px) translateZ(0px) translateX(0px);
}
1% {
-webkit-transform: rotateY(-11.30787deg) rotateX(-11.30787deg) rotateZ(11.30787deg) translateY(-1.57054px) translateZ(-1.57054px) translateX(-1.57054px);
}
2% {
-webkit-transform: rotateY(-22.60459deg) rotateX(-22.60459deg) rotateZ(22.60459deg) translateY(-3.13953px) translateZ(-3.13953px) translateX(-3.13953px);
}
3% {
-webkit-transform: rotateY(-33.87899deg) rotateX(-33.87899deg) rotateZ(33.87899deg) translateY(-4.70542px) translateZ(-4.70542px) translateX(-4.70542px);
}
4% {
-webkit-transform: rotateY(-45.11996deg) rotateX(-45.11996deg) rotateZ(45.11996deg) translateY(-6.26666px) translateZ(-6.26666px) translateX(-6.26666px);
}
5% {
-webkit-transform: rotateY(-56.31641deg) rotateX(-56.31641deg) rotateZ(56.31641deg) translateY(-7.82172px) translateZ(-7.82172px) translateX(-7.82172px);
}
6% {
-webkit-transform: rotateY(-67.45727deg) rotateX(-67.45727deg) rotateZ(67.45727deg) translateY(-9.36907px) translateZ(-9.36907px) translateX(-9.36907px);
}
7% {
-webkit-transform: rotateY(-78.53157deg) rotateX(-78.53157deg) rotateZ(78.53157deg) translateY(-10.90716px) translateZ(-10.90716px) translateX(-10.90716px);
}
8% {
-webkit-transform: rotateY(-89.52836deg) rotateX(-89.52836deg) rotateZ(89.52836deg) translateY(-12.43449px) translateZ(-12.43449px) translateX(-12.43449px);
}
9% {
-webkit-transform: rotateY(-100.4368deg) rotateX(-100.4368deg) rotateZ(100.4368deg) translateY(-13.94956px) translateZ(-13.94956px) translateX(-13.94956px);
}
10% {
-webkit-transform: rotateY(-111.24612deg) rotateX(-111.24612deg) rotateZ(111.24612deg) translateY(-15.45085px) translateZ(-15.45085px) translateX(-15.45085px);
}
11% {
-webkit-transform: rotateY(-121.94565deg) rotateX(-121.94565deg) rotateZ(121.94565deg) translateY(-16.9369px) translateZ(-16.9369px) translateX(-16.9369px);
}
12% {
-webkit-transform: rotateY(-132.52484deg) rotateX(-132.52484deg) rotateZ(132.52484deg) translateY(-18.40623px) translateZ(-18.40623px) translateX(-18.40623px);
}
13% {
-webkit-transform: rotateY(-142.97324deg) rotateX(-142.97324deg) rotateZ(142.97324deg) translateY(-19.85739px) translateZ(-19.85739px) translateX(-19.85739px);
}
14% {
-webkit-transform: rotateY(-153.28054deg) rotateX(-153.28054deg) rotateZ(153.28054deg) translateY(-21.28896px) translateZ(-21.28896px) translateX(-21.28896px);
}
15% {
-webkit-transform: rotateY(-163.43658deg) rotateX(-163.43658deg) rotateZ(163.43658deg) translateY(-22.69952px) translateZ(-22.69952px) translateX(-22.69952px);
}
16% {
-webkit-transform: rotateY(-173.43132deg) rotateX(-173.43132deg) rotateZ(173.43132deg) translateY(-24.08768px) translateZ(-24.08768px) translateX(-24.08768px);
}
17% {
-webkit-transform: rotateY(-183.25491deg) rotateX(-183.25491deg) rotateZ(183.25491deg) translateY(-25.45207px) translateZ(-25.45207px) translateX(-25.45207px);
}
18% {
-webkit-transform: rotateY(-192.89765deg) rotateX(-192.89765deg) rotateZ(192.89765deg) translateY(-26.79134px) translateZ(-26.79134px) translateX(-26.79134px);
}
19% {
-webkit-transform: rotateY(-202.35002deg) rotateX(-202.35002deg) rotateZ(202.35002deg) translateY(-28.10417px) translateZ(-28.10417px) translateX(-28.10417px);
}
20% {
-webkit-transform: rotateY(-211.60269deg) rotateX(-211.60269deg) rotateZ(211.60269deg) translateY(-29.38926px) translateZ(-29.38926px) translateX(-29.38926px);
}
21% {
-webkit-transform: rotateY(-220.64654deg) rotateX(-220.64654deg) rotateZ(220.64654deg) translateY(-30.64535px) translateZ(-30.64535px) translateX(-30.64535px);
}
22% {
-webkit-transform: rotateY(-229.47264deg) rotateX(-229.47264deg) rotateZ(229.47264deg) translateY(-31.8712px) translateZ(-31.8712px) translateX(-31.8712px);
}
23% {
-webkit-transform: rotateY(-238.07227deg) rotateX(-238.07227deg) rotateZ(238.07227deg) translateY(-33.06559px) translateZ(-33.06559px) translateX(-33.06559px);
}
24% {
-webkit-transform: rotateY(-246.43696deg) rotateX(-246.43696deg) rotateZ(246.43696deg) translateY(-34.22736px) translateZ(-34.22736px) translateX(-34.22736px);
}
25% {
-webkit-transform: rotateY(-254.55844deg) rotateX(-254.55844deg) rotateZ(254.55844deg) translateY(-35.35534px) translateZ(-35.35534px) translateX(-35.35534px);
}
26% {
-webkit-transform: rotateY(-262.42871deg) rotateX(-262.42871deg) rotateZ(262.42871deg) translateY(-36.44843px) translateZ(-36.44843px) translateX(-36.44843px);
}
27% {
-webkit-transform: rotateY(-270.03999deg) rotateX(-270.03999deg) rotateZ(270.03999deg) translateY(-37.50555px) translateZ(-37.50555px) translateX(-37.50555px);
}
28% {
-webkit-transform: rotateY(-277.38477deg) rotateX(-277.38477deg) rotateZ(277.38477deg) translateY(-38.52566px) translateZ(-38.52566px) translateX(-38.52566px);
}
29% {
-webkit-transform: rotateY(-284.4558deg) rotateX(-284.4558deg) rotateZ(284.4558deg) translateY(-39.50775px) translateZ(-39.50775px) translateX(-39.50775px);
}
30% {
-webkit-transform: rotateY(-291.24612deg) rotateX(-291.24612deg) rotateZ(291.24612deg) translateY(-40.45085px) translateZ(-40.45085px) translateX(-40.45085px);
}
31% {
-webkit-transform: rotateY(-297.74901deg) rotateX(-297.74901deg) rotateZ(297.74901deg) translateY(-41.35403px) translateZ(-41.35403px) translateX(-41.35403px);
}
32% {
-webkit-transform: rotateY(-303.95805deg) rotateX(-303.95805deg) rotateZ(303.95805deg) translateY(-42.2164px) translateZ(-42.2164px) translateX(-42.2164px);
}
33% {
-webkit-transform: rotateY(-309.86713deg) rotateX(-309.86713deg) rotateZ(309.86713deg) translateY(-43.0371px) translateZ(-43.0371px) translateX(-43.0371px);
}
34% {
-webkit-transform: rotateY(-315.4704deg) rotateX(-315.4704deg) rotateZ(315.4704deg) translateY(-43.81533px) translateZ(-43.81533px) translateX(-43.81533px);
}
35% {
-webkit-transform: rotateY(-320.76235deg) rotateX(-320.76235deg) rotateZ(320.76235deg) translateY(-44.55033px) translateZ(-44.55033px) translateX(-44.55033px);
}
36% {
-webkit-transform: rotateY(-325.73774deg) rotateX(-325.73774deg) rotateZ(325.73774deg) translateY(-45.24135px) translateZ(-45.24135px) translateX(-45.24135px);
}
37% {
-webkit-transform: rotateY(-330.39167deg) rotateX(-330.39167deg) rotateZ(330.39167deg) translateY(-45.88773px) translateZ(-45.88773px) translateX(-45.88773px);
}
38% {
-webkit-transform: rotateY(-334.71953deg) rotateX(-334.71953deg) rotateZ(334.71953deg) translateY(-46.48882px) translateZ(-46.48882px) translateX(-46.48882px);
}
39% {
-webkit-transform: rotateY(-338.71708deg) rotateX(-338.71708deg) rotateZ(338.71708deg) translateY(-47.04404px) translateZ(-47.04404px) translateX(-47.04404px);
}
40% {
-webkit-transform: rotateY(-342.38035deg) rotateX(-342.38035deg) rotateZ(342.38035deg) translateY(-47.55283px) translateZ(-47.55283px) translateX(-47.55283px);
}
41% {
-webkit-transform: rotateY(-345.70573deg) rotateX(-345.70573deg) rotateZ(345.70573deg) translateY(-48.01468px) translateZ(-48.01468px) translateX(-48.01468px);
}
42% {
-webkit-transform: rotateY(-348.68994deg) rotateX(-348.68994deg) rotateZ(348.68994deg) translateY(-48.42916px) translateZ(-48.42916px) translateX(-48.42916px);
}
43% {
-webkit-transform: rotateY(-351.33003deg) rotateX(-351.33003deg) rotateZ(351.33003deg) translateY(-48.79584px) translateZ(-48.79584px) translateX(-48.79584px);
}
44% {
-webkit-transform: rotateY(-353.62341deg) rotateX(-353.62341deg) rotateZ(353.62341deg) translateY(-49.11436px) translateZ(-49.11436px) translateX(-49.11436px);
}
45% {
-webkit-transform: rotateY(-355.5678deg) rotateX(-355.5678deg) rotateZ(355.5678deg) translateY(-49.38442px) translateZ(-49.38442px) translateX(-49.38442px);
}
46% {
-webkit-transform: rotateY(-357.16129deg) rotateX(-357.16129deg) rotateZ(357.16129deg) translateY(-49.60574px) translateZ(-49.60574px) translateX(-49.60574px);
}
47% {
-webkit-transform: rotateY(-358.40231deg) rotateX(-358.40231deg) rotateZ(358.40231deg) translateY(-49.7781px) translateZ(-49.7781px) translateX(-49.7781px);
}
48% {
-webkit-transform: rotateY(-359.28962deg) rotateX(-359.28962deg) rotateZ(359.28962deg) translateY(-49.90134px) translateZ(-49.90134px) translateX(-49.90134px);
}
49% {
-webkit-transform: rotateY(-359.82236deg) rotateX(-359.82236deg) rotateZ(359.82236deg) translateY(-49.97533px) translateZ(-49.97533px) translateX(-49.97533px);
}
50% {
-webkit-transform: rotateY(-360deg) rotateX(-360deg) rotateZ(360deg) translateY(-50px) translateZ(-50px) translateX(-50px);
}
51% {
-webkit-transform: rotateY(-359.82236deg) rotateX(-359.82236deg) rotateZ(359.82236deg) translateY(-49.97533px) translateZ(-49.97533px) translateX(-49.97533px);
}
52% {
-webkit-transform: rotateY(-359.28962deg) rotateX(-359.28962deg) rotateZ(359.28962deg) translateY(-49.90134px) translateZ(-49.90134px) translateX(-49.90134px);
}
53% {
-webkit-transform: rotateY(-358.40231deg) rotateX(-358.40231deg) rotateZ(358.40231deg) translateY(-49.7781px) translateZ(-49.7781px) translateX(-49.7781px);
}
54% {
-webkit-transform: rotateY(-357.16129deg) rotateX(-357.16129deg) rotateZ(357.16129deg) translateY(-49.60574px) translateZ(-49.60574px) translateX(-49.60574px);
}
55% {
-webkit-transform: rotateY(-355.5678deg) rotateX(-355.5678deg) rotateZ(355.5678deg) translateY(-49.38442px) translateZ(-49.38442px) translateX(-49.38442px);
}
56% {
-webkit-transform: rotateY(-353.62341deg) rotateX(-353.62341deg) rotateZ(353.62341deg) translateY(-49.11436px) translateZ(-49.11436px) translateX(-49.11436px);
}
57% {
-webkit-transform: rotateY(-351.33003deg) rotateX(-351.33003deg) rotateZ(351.33003deg) translateY(-48.79584px) translateZ(-48.79584px) translateX(-48.79584px);
}
58% {
-webkit-transform: rotateY(-348.68994deg) rotateX(-348.68994deg) rotateZ(348.68994deg) translateY(-48.42916px) translateZ(-48.42916px) translateX(-48.42916px);
}
59% {
-webkit-transform: rotateY(-345.70573deg) rotateX(-345.70573deg) rotateZ(345.70573deg) translateY(-48.01468px) translateZ(-48.01468px) translateX(-48.01468px);
}
60% {
-webkit-transform: rotateY(-342.38035deg) rotateX(-342.38035deg) rotateZ(342.38035deg) translateY(-47.55283px) translateZ(-47.55283px) translateX(-47.55283px);
}
61% {
-webkit-transform: rotateY(-338.71708deg) rotateX(-338.71708deg) rotateZ(338.71708deg) translateY(-47.04404px) translateZ(-47.04404px) translateX(-47.04404px);
}
62% {
-webkit-transform: rotateY(-334.71953deg) rotateX(-334.71953deg) rotateZ(334.71953deg) translateY(-46.48882px) translateZ(-46.48882px) translateX(-46.48882px);
}
63% {
-webkit-transform: rotateY(-330.39167deg) rotateX(-330.39167deg) rotateZ(330.39167deg) translateY(-45.88773px) translateZ(-45.88773px) translateX(-45.88773px);
}
64% {
-webkit-transform: rotateY(-325.73774deg) rotateX(-325.73774deg) rotateZ(325.73774deg) translateY(-45.24135px) translateZ(-45.24135px) translateX(-45.24135px);
}
65% {
-webkit-transform: rotateY(-320.76235deg) rotateX(-320.76235deg) rotateZ(320.76235deg) translateY(-44.55033px) translateZ(-44.55033px) translateX(-44.55033px);
}
66% {
-webkit-transform: rotateY(-315.4704deg) rotateX(-315.4704deg) rotateZ(315.4704deg) translateY(-43.81533px) translateZ(-43.81533px) translateX(-43.81533px);
}
67% {
-webkit-transform: rotateY(-309.86713deg) rotateX(-309.86713deg) rotateZ(309.86713deg) translateY(-43.0371px) translateZ(-43.0371px) translateX(-43.0371px);
}
68% {
-webkit-transform: rotateY(-303.95805deg) rotateX(-303.95805deg) rotateZ(303.95805deg) translateY(-42.2164px) translateZ(-42.2164px) translateX(-42.2164px);
}
69% {
-webkit-transform: rotateY(-297.74901deg) rotateX(-297.74901deg) rotateZ(297.74901deg) translateY(-41.35403px) translateZ(-41.35403px) translateX(-41.35403px);
}
70% {
-webkit-transform: rotateY(-291.24612deg) rotateX(-291.24612deg) rotateZ(291.24612deg) translateY(-40.45085px) translateZ(-40.45085px) translateX(-40.45085px);
}
71% {
-webkit-transform: rotateY(-284.4558deg) rotateX(-284.4558deg) rotateZ(284.4558deg) translateY(-39.50775px) translateZ(-39.50775px) translateX(-39.50775px);
}
72% {
-webkit-transform: rotateY(-277.38477deg) rotateX(-277.38477deg) rotateZ(277.38477deg) translateY(-38.52566px) translateZ(-38.52566px) translateX(-38.52566px);
}
73% {
-webkit-transform: rotateY(-270.03999deg) rotateX(-270.03999deg) rotateZ(270.03999deg) translateY(-37.50555px) translateZ(-37.50555px) translateX(-37.50555px);
}
74% {
-webkit-transform: rotateY(-262.42871deg) rotateX(-262.42871deg) rotateZ(262.42871deg) translateY(-36.44843px) translateZ(-36.44843px) translateX(-36.44843px);
}
75% {
-webkit-transform: rotateY(-254.55844deg) rotateX(-254.55844deg) rotateZ(254.55844deg) translateY(-35.35534px) translateZ(-35.35534px) translateX(-35.35534px);
}
76% {
-webkit-transform: rotateY(-246.43696deg) rotateX(-246.43696deg) rotateZ(246.43696deg) translateY(-34.22736px) translateZ(-34.22736px) translateX(-34.22736px);
}
77% {
-webkit-transform: rotateY(-238.07227deg) rotateX(-238.07227deg) rotateZ(238.07227deg) translateY(-33.06559px) translateZ(-33.06559px) translateX(-33.06559px);
}
78% {
-webkit-transform: rotateY(-229.47264deg) rotateX(-229.47264deg) rotateZ(229.47264deg) translateY(-31.8712px) translateZ(-31.8712px) translateX(-31.8712px);
}
79% {
-webkit-transform: rotateY(-220.64654deg) rotateX(-220.64654deg) rotateZ(220.64654deg) translateY(-30.64535px) translateZ(-30.64535px) translateX(-30.64535px);
}
80% {
-webkit-transform: rotateY(-211.60269deg) rotateX(-211.60269deg) rotateZ(211.60269deg) translateY(-29.38926px) translateZ(-29.38926px) translateX(-29.38926px);
}
81% {
-webkit-transform: rotateY(-202.35002deg) rotateX(-202.35002deg) rotateZ(202.35002deg) translateY(-28.10417px) translateZ(-28.10417px) translateX(-28.10417px);
}
82% {
-webkit-transform: rotateY(-192.89765deg) rotateX(-192.89765deg) rotateZ(192.89765deg) translateY(-26.79134px) translateZ(-26.79134px) translateX(-26.79134px);
}
83% {
-webkit-transform: rotateY(-183.25491deg) rotateX(-183.25491deg) rotateZ(183.25491deg) translateY(-25.45207px) translateZ(-25.45207px) translateX(-25.45207px);
}
84% {
-webkit-transform: rotateY(-173.43132deg) rotateX(-173.43132deg) rotateZ(173.43132deg) translateY(-24.08768px) translateZ(-24.08768px) translateX(-24.08768px);
}
85% {
-webkit-transform: rotateY(-163.43658deg) rotateX(-163.43658deg) rotateZ(163.43658deg) translateY(-22.69952px) translateZ(-22.69952px) translateX(-22.69952px);
}
86% {
-webkit-transform: rotateY(-153.28054deg) rotateX(-153.28054deg) rotateZ(153.28054deg) translateY(-21.28896px) translateZ(-21.28896px) translateX(-21.28896px);
}
87% {
-webkit-transform: rotateY(-142.97324deg) rotateX(-142.97324deg) rotateZ(142.97324deg) translateY(-19.85739px) translateZ(-19.85739px) translateX(-19.85739px);
}
88% {
-webkit-transform: rotateY(-132.52484deg) rotateX(-132.52484deg) rotateZ(132.52484deg) translateY(-18.40623px) translateZ(-18.40623px) translateX(-18.40623px);
}
89% {
-webkit-transform: rotateY(-121.94565deg) rotateX(-121.94565deg) rotateZ(121.94565deg) translateY(-16.9369px) translateZ(-16.9369px) translateX(-16.9369px);
}
90% {
-webkit-transform: rotateY(-111.24612deg) rotateX(-111.24612deg) rotateZ(111.24612deg) translateY(-15.45085px) translateZ(-15.45085px) translateX(-15.45085px);
}
91% {
-webkit-transform: rotateY(-100.4368deg) rotateX(-100.4368deg) rotateZ(100.4368deg) translateY(-13.94956px) translateZ(-13.94956px) translateX(-13.94956px);
}
92% {
-webkit-transform: rotateY(-89.52836deg) rotateX(-89.52836deg) rotateZ(89.52836deg) translateY(-12.43449px) translateZ(-12.43449px) translateX(-12.43449px);
}
93% {
-webkit-transform: rotateY(-78.53157deg) rotateX(-78.53157deg) rotateZ(78.53157deg) translateY(-10.90716px) translateZ(-10.90716px) translateX(-10.90716px);
}
94% {
-webkit-transform: rotateY(-67.45727deg) rotateX(-67.45727deg) rotateZ(67.45727deg) translateY(-9.36907px) translateZ(-9.36907px) translateX(-9.36907px);
}
95% {
-webkit-transform: rotateY(-56.31641deg) rotateX(-56.31641deg) rotateZ(56.31641deg) translateY(-7.82172px) translateZ(-7.82172px) translateX(-7.82172px);
}
96% {
-webkit-transform: rotateY(-45.11996deg) rotateX(-45.11996deg) rotateZ(45.11996deg) translateY(-6.26666px) translateZ(-6.26666px) translateX(-6.26666px);
}
97% {
-webkit-transform: rotateY(-33.87899deg) rotateX(-33.87899deg) rotateZ(33.87899deg) translateY(-4.70542px) translateZ(-4.70542px) translateX(-4.70542px);
}
98% {
-webkit-transform: rotateY(-22.60459deg) rotateX(-22.60459deg) rotateZ(22.60459deg) translateY(-3.13953px) translateZ(-3.13953px) translateX(-3.13953px);
}
99% {
-webkit-transform: rotateY(-11.30787deg) rotateX(-11.30787deg) rotateZ(11.30787deg) translateY(-1.57054px) translateZ(-1.57054px) translateX(-1.57054px);
}
100% {
-webkit-transform: rotateY(0.0deg) rotateX(0.0deg) rotateZ(0.0deg) translateY(0.0px) translateZ(0.0px) translateX(0.0px);
}
}
@-moz-keyframes height {
0% {
height: 66.66667px;
top: 0px;
}
1% {
height: 72.94882px;
top: -3.14108px;
}
2% {
height: 79.22477px;
top: -6.27905px;
}
3% {
height: 85.48833px;
top: -9.41083px;
}
4% {
height: 91.73331px;
top: -12.53332px;
}
5% {
height: 97.95356px;
top: -15.64345px;
}
6% {
height: 104.14293px;
top: -18.73813px;
}
7% {
height: 110.29531px;
top: -21.81432px;
}
8% {
height: 116.40464px;
top: -24.86899px;
}
9% {
height: 122.46489px;
top: -27.89911px;
}
10% {
height: 128.47007px;
top: -30.9017px;
}
11% {
height: 134.41425px;
top: -33.87379px;
}
12% {
height: 140.29158px;
top: -36.81246px;
}
13% {
height: 146.09624px;
top: -39.71479px;
}
14% {
height: 151.82252px;
top: -42.57793px;
}
15% {
height: 157.46477px;
top: -45.39905px;
}
16% {
height: 163.0174px;
top: -48.17537px;
}
17% {
height: 168.47495px;
top: -50.90414px;
}
18% {
height: 173.83203px;
top: -53.58268px;
}
19% {
height: 179.08334px;
top: -56.20834px;
}
20% {
height: 184.22372px;
top: -58.77853px;
}
21% {
height: 189.24808px;
top: -61.29071px;
}
22% {
height: 194.15146px;
top: -63.7424px;
}
23% {
height: 198.92904px;
top: -66.13119px;
}
24% {
height: 203.57609px;
top: -68.45471px;
}
25% {
height: 208.08802px;
top: -70.71068px;
}
26% {
height: 212.46039px;
top: -72.89686px;
}
27% {
height: 216.68888px;
top: -75.01111px;
}
28% {
height: 220.76932px;
top: -77.05132px;
}
29% {
height: 224.69767px;
top: -79.0155px;
}
30% {
height: 228.47007px;
top: -80.9017px;
}
31% {
height: 232.08278px;
top: -82.70806px;
}
32% {
height: 235.53225px;
top: -84.43279px;
}
33% {
height: 238.81507px;
top: -86.0742px;
}
34% {
height: 241.928px;
top: -87.63067px;
}
35% {
height: 244.86797px;
top: -89.10065px;
}
36% {
height: 247.63208px;
top: -90.48271px;
}
37% {
height: 250.21759px;
top: -91.77546px;
}
38% {
height: 252.62196px;
top: -92.97765px;
}
39% {
height: 254.84282px;
top: -94.08808px;
}
40% {
height: 256.87797px;
top: -95.10565px;
}
41% {
height: 258.7254px;
top: -96.02937px;
}
42% {
height: 260.3833px;
top: -96.85832px;
}
43% {
height: 261.85002px;
top: -97.59168px;
}
44% {
height: 263.12412px;
top: -98.22873px;
}
45% {
height: 264.20433px;
top: -98.76883px;
}
46% {
height: 265.08961px;
top: -99.21147px;
}
47% {
height: 265.77906px;
top: -99.5562px;
}
48% {
height: 266.27201px;
top: -99.80267px;
}
49% {
height: 266.56798px;
top: -99.95066px;
}
50% {
height: 266.66667px;
top: -100px;
}
51% {
height: 266.56798px;
top: -99.95066px;
}
52% {
height: 266.27201px;
top: -99.80267px;
}
53% {
height: 265.77906px;
top: -99.5562px;
}
54% {
height: 265.08961px;
top: -99.21147px;
}
55% {
height: 264.20433px;
top: -98.76883px;
}
56% {
height: 263.12412px;
top: -98.22873px;
}
57% {
height: 261.85002px;
top: -97.59168px;
}
58% {
height: 260.3833px;
top: -96.85832px;
}
59% {
height: 258.7254px;
top: -96.02937px;
}
60% {
height: 256.87797px;
top: -95.10565px;
}
61% {
height: 254.84282px;
top: -94.08808px;
}
62% {
height: 252.62196px;
top: -92.97765px;
}
63% {
height: 250.21759px;
top: -91.77546px;
}
64% {
height: 247.63208px;
top: -90.48271px;
}
65% {
height: 244.86797px;
top: -89.10065px;
}
66% {
height: 241.928px;
top: -87.63067px;
}
67% {
height: 238.81507px;
top: -86.0742px;
}
68% {
height: 235.53225px;
top: -84.43279px;
}
69% {
height: 232.08278px;
top: -82.70806px;
}
70% {
height: 228.47007px;
top: -80.9017px;
}
71% {
height: 224.69767px;
top: -79.0155px;
}
72% {
height: 220.76932px;
top: -77.05132px;
}
73% {
height: 216.68888px;
top: -75.01111px;
}
74% {
height: 212.46039px;
top: -72.89686px;
}
75% {
height: 208.08802px;
top: -70.71068px;
}
76% {
height: 203.57609px;
top: -68.45471px;
}
77% {
height: 198.92904px;
top: -66.13119px;
}
78% {
height: 194.15146px;
top: -63.7424px;
}
79% {
height: 189.24808px;
top: -61.29071px;
}
80% {
height: 184.22372px;
top: -58.77853px;
}
81% {
height: 179.08334px;
top: -56.20834px;
}
82% {
height: 173.83203px;
top: -53.58268px;
}
83% {
height: 168.47495px;
top: -50.90414px;
}
84% {
height: 163.0174px;
top: -48.17537px;
}
85% {
height: 157.46477px;
top: -45.39905px;
}
86% {
height: 151.82252px;
top: -42.57793px;
}
87% {
height: 146.09624px;
top: -39.71479px;
}
88% {
height: 140.29158px;
top: -36.81246px;
}
89% {
height: 134.41425px;
top: -33.87379px;
}
90% {
height: 128.47007px;
top: -30.9017px;
}
91% {
height: 122.46489px;
top: -27.89911px;
}
92% {
height: 116.40464px;
top: -24.86899px;
}
93% {
height: 110.29531px;
top: -21.81432px;
}
94% {
height: 104.14293px;
top: -18.73813px;
}
95% {
height: 97.95356px;
top: -15.64345px;
}
96% {
height: 91.73331px;
top: -12.53332px;
}
97% {
height: 85.48833px;
top: -9.41083px;
}
98% {
height: 79.22477px;
top: -6.27905px;
}
99% {
height: 72.94882px;
top: -3.14108px;
}
100% {
height: 66.66667px;
top: 0.0px;
}
}
@-moz-keyframes width {
}
@-moz-keyframes backgroundColor {
0% {
background-color: #ff3333;
}
1% {
background-color: #ff5933;
}
2% {
background-color: #ff8033;
}
3% {
background-color: #ffa633;
}
4% {
background-color: #ffcc33;
}
5% {
background-color: #fff233;
}
6% {
background-color: #e6ff33;
}
7% {
background-color: #c0ff33;
}
8% {
background-color: #9bff33;
}
9% {
background-color: #76ff33;
}
10% {
background-color: #51ff33;
}
11% {
background-color: #33ff3a;
}
12% {
background-color: #33ff5e;
}
13% {
background-color: #33ff81;
}
14% {
background-color: #33ffa4;
}
15% {
background-color: #33ffc7;
}
16% {
background-color: #33ffe9;
}
17% {
background-color: #33f4ff;
}
18% {
background-color: #33d3ff;
}
19% {
background-color: #33b3ff;
}
20% {
background-color: #3394ff;
}
21% {
background-color: #3375ff;
}
22% {
background-color: #3357ff;
}
23% {
background-color: #333aff;
}
24% {
background-color: #4933ff;
}
25% {
background-color: #6433ff;
}
26% {
background-color: #7f33ff;
}
27% {
background-color: #9933ff;
}
28% {
background-color: #b233ff;
}
29% {
background-color: #ca33ff;
}
30% {
background-color: #e133ff;
}
31% {
background-color: #f733ff;
}
32% {
background-color: #ff33f2;
}
33% {
background-color: #ff33dd;
}
34% {
background-color: #ff33ca;
}
35% {
background-color: #ff33b8;
}
36% {
background-color: #ff33a7;
}
37% {
background-color: #ff3398;
}
38% {
background-color: #ff3389;
}
39% {
background-color: #ff337b;
}
40% {
background-color: #ff336f;
}
41% {
background-color: #ff3364;
}
42% {
background-color: #ff3359;
}
43% {
background-color: #ff3350;
}
44% {
background-color: #ff3349;
}
45% {
background-color: #ff3342;
}
46% {
background-color: #ff333d;
}
47% {
background-color: #ff3338;
}
48% {
background-color: #ff3335;
}
49% {
background-color: #ff3334;
}
50% {
background-color: #ff3333;
}
51% {
background-color: #ff3334;
}
52% {
background-color: #ff3335;
}
53% {
background-color: #ff3338;
}
54% {
background-color: #ff333d;
}
55% {
background-color: #ff3342;
}
56% {
background-color: #ff3349;
}
57% {
background-color: #ff3350;
}
58% {
background-color: #ff3359;
}
59% {
background-color: #ff3364;
}
60% {
background-color: #ff336f;
}
61% {
background-color: #ff337b;
}
62% {
background-color: #ff3389;
}
63% {
background-color: #ff3398;
}
64% {
background-color: #ff33a7;
}
65% {
background-color: #ff33b8;
}
66% {
background-color: #ff33ca;
}
67% {
background-color: #ff33dd;
}
68% {
background-color: #ff33f2;
}
69% {
background-color: #f733ff;
}
70% {
background-color: #e133ff;
}
71% {
background-color: #ca33ff;
}
72% {
background-color: #b233ff;
}
73% {
background-color: #9933ff;
}
74% {
background-color: #7f33ff;
}
75% {
background-color: #6433ff;
}
76% {
background-color: #4933ff;
}
77% {
background-color: #333aff;
}
78% {
background-color: #3357ff;
}
79% {
background-color: #3375ff;
}
80% {
background-color: #3394ff;
}
81% {
background-color: #33b3ff;
}
82% {
background-color: #33d3ff;
}
83% {
background-color: #33f4ff;
}
84% {
background-color: #33ffe9;
}
85% {
background-color: #33ffc7;
}
86% {
background-color: #33ffa4;
}
87% {
background-color: #33ff81;
}
88% {
background-color: #33ff5e;
}
89% {
background-color: #33ff3a;
}
90% {
background-color: #51ff33;
}
91% {
background-color: #76ff33;
}
92% {
background-color: #9bff33;
}
93% {
background-color: #c0ff33;
}
94% {
background-color: #e6ff33;
}
95% {
background-color: #fff233;
}
96% {
background-color: #ffcc33;
}
97% {
background-color: #ffa633;
}
98% {
background-color: #ff8033;
}
99% {
background-color: #ff5933;
}
100% {
background-color: #ff3333;
}
}
@-moz-keyframes opacity {
0% {
opacity: 0.1;
}
1% {
opacity: 0.10314;
}
2% {
opacity: 0.10628;
}
3% {
opacity: 0.10941;
}
4% {
opacity: 0.11253;
}
5% {
opacity: 0.11564;
}
6% {
opacity: 0.11874;
}
7% {
opacity: 0.12181;
}
8% {
opacity: 0.12487;
}
9% {
opacity: 0.1279;
}
10% {
opacity: 0.1309;
}
11% {
opacity: 0.13387;
}
12% {
opacity: 0.13681;
}
13% {
opacity: 0.13971;
}
14% {
opacity: 0.14258;
}
15% {
opacity: 0.1454;
}
16% {
opacity: 0.14818;
}
17% {
opacity: 0.1509;
}
18% {
opacity: 0.15358;
}
19% {
opacity: 0.15621;
}
20% {
opacity: 0.15878;
}
21% {
opacity: 0.16129;
}
22% {
opacity: 0.16374;
}
23% {
opacity: 0.16613;
}
24% {
opacity: 0.16845;
}
25% {
opacity: 0.17071;
}
26% {
opacity: 0.1729;
}
27% {
opacity: 0.17501;
}
28% {
opacity: 0.17705;
}
29% {
opacity: 0.17902;
}
30% {
opacity: 0.1809;
}
31% {
opacity: 0.18271;
}
32% {
opacity: 0.18443;
}
33% {
opacity: 0.18607;
}
34% {
opacity: 0.18763;
}
35% {
opacity: 0.1891;
}
36% {
opacity: 0.19048;
}
37% {
opacity: 0.19178;
}
38% {
opacity: 0.19298;
}
39% {
opacity: 0.19409;
}
40% {
opacity: 0.19511;
}
41% {
opacity: 0.19603;
}
42% {
opacity: 0.19686;
}
43% {
opacity: 0.19759;
}
44% {
opacity: 0.19823;
}
45% {
opacity: 0.19877;
}
46% {
opacity: 0.19921;
}
47% {
opacity: 0.19956;
}
48% {
opacity: 0.1998;
}
49% {
opacity: 0.19995;
}
50% {
opacity: 0.2;
}
51% {
opacity: 0.19995;
}
52% {
opacity: 0.1998;
}
53% {
opacity: 0.19956;
}
54% {
opacity: 0.19921;
}
55% {
opacity: 0.19877;
}
56% {
opacity: 0.19823;
}
57% {
opacity: 0.19759;
}
58% {
opacity: 0.19686;
}
59% {
opacity: 0.19603;
}
60% {
opacity: 0.19511;
}
61% {
opacity: 0.19409;
}
62% {
opacity: 0.19298;
}
63% {
opacity: 0.19178;
}
64% {
opacity: 0.19048;
}
65% {
opacity: 0.1891;
}
66% {
opacity: 0.18763;
}
67% {
opacity: 0.18607;
}
68% {
opacity: 0.18443;
}
69% {
opacity: 0.18271;
}
70% {
opacity: 0.1809;
}
71% {
opacity: 0.17902;
}
72% {
opacity: 0.17705;
}
73% {
opacity: 0.17501;
}
74% {
opacity: 0.1729;
}
75% {
opacity: 0.17071;
}
76% {
opacity: 0.16845;
}
77% {
opacity: 0.16613;
}
78% {
opacity: 0.16374;
}
79% {
opacity: 0.16129;
}
80% {
opacity: 0.15878;
}
81% {
opacity: 0.15621;
}
82% {
opacity: 0.15358;
}
83% {
opacity: 0.1509;
}
84% {
opacity: 0.14818;
}
85% {
opacity: 0.1454;
}
86% {
opacity: 0.14258;
}
87% {
opacity: 0.13971;
}
88% {
opacity: 0.13681;
}
89% {
opacity: 0.13387;
}
90% {
opacity: 0.1309;
}
91% {
opacity: 0.1279;
}
92% {
opacity: 0.12487;
}
93% {
opacity: 0.12181;
}
94% {
opacity: 0.11874;
}
95% {
opacity: 0.11564;
}
96% {
opacity: 0.11253;
}
97% {
opacity: 0.10941;
}
98% {
opacity: 0.10628;
}
99% {
opacity: 0.10314;
}
100% {
opacity: 0.1;
}
}
@-moz-keyframes borderTopWidth {
0% {
border-top-width: 200px;
}
1% {
border-top-width: 199.90131px;
}
2% {
border-top-width: 199.60535px;
}
3% {
border-top-width: 199.11239px;
}
4% {
border-top-width: 198.42294px;
}
5% {
border-top-width: 197.53767px;
}
6% {
border-top-width: 196.45745px;
}
7% {
border-top-width: 195.18335px;
}
8% {
border-top-width: 193.71663px;
}
9% {
border-top-width: 192.05874px;
}
10% {
border-top-width: 190.2113px;
}
11% {
border-top-width: 188.17615px;
}
12% {
border-top-width: 185.9553px;
}
13% {
border-top-width: 183.55093px;
}
14% {
border-top-width: 180.96541px;
}
15% {
border-top-width: 178.2013px;
}
16% {
border-top-width: 175.26134px;
}
17% {
border-top-width: 172.14841px;
}
18% {
border-top-width: 168.86559px;
}
19% {
border-top-width: 165.41611px;
}
20% {
border-top-width: 161.8034px;
}
21% {
border-top-width: 158.031px;
}
22% {
border-top-width: 154.10265px;
}
23% {
border-top-width: 150.02221px;
}
24% {
border-top-width: 145.79373px;
}
25% {
border-top-width: 141.42136px;
}
26% {
border-top-width: 136.90942px;
}
27% {
border-top-width: 132.26237px;
}
28% {
border-top-width: 127.4848px;
}
29% {
border-top-width: 122.58141px;
}
30% {
border-top-width: 117.55705px;
}
31% {
border-top-width: 112.41668px;
}
32% {
border-top-width: 107.16536px;
}
33% {
border-top-width: 101.80828px;
}
34% {
border-top-width: 96.35073px;
}
35% {
border-top-width: 90.7981px;
}
36% {
border-top-width: 85.15586px;
}
37% {
border-top-width: 79.42958px;
}
38% {
border-top-width: 73.62491px;
}
39% {
border-top-width: 67.74758px;
}
40% {
border-top-width: 61.8034px;
}
41% {
border-top-width: 55.79822px;
}
42% {
border-top-width: 49.73798px;
}
43% {
border-top-width: 43.62865px;
}
44% {
border-top-width: 37.47626px;
}
45% {
border-top-width: 31.28689px;
}
46% {
border-top-width: 25.06665px;
}
47% {
border-top-width: 18.82166px;
}
48% {
border-top-width: 12.5581px;
}
49% {
border-top-width: 6.28215px;
}
50% {
border-top-width: 0.0px;
}
51% {
border-top-width: 6.28215px;
}
52% {
border-top-width: 12.5581px;
}
53% {
border-top-width: 18.82166px;
}
54% {
border-top-width: 25.06665px;
}
55% {
border-top-width: 31.28689px;
}
56% {
border-top-width: 37.47626px;
}
57% {
border-top-width: 43.62865px;
}
58% {
border-top-width: 49.73798px;
}
59% {
border-top-width: 55.79822px;
}
60% {
border-top-width: 61.8034px;
}
61% {
border-top-width: 67.74758px;
}
62% {
border-top-width: 73.62491px;
}
63% {
border-top-width: 79.42958px;
}
64% {
border-top-width: 85.15586px;
}
65% {
border-top-width: 90.7981px;
}
66% {
border-top-width: 96.35073px;
}
67% {
border-top-width: 101.80828px;
}
68% {
border-top-width: 107.16536px;
}
69% {
border-top-width: 112.41668px;
}
70% {
border-top-width: 117.55705px;
}
71% {
border-top-width: 122.58141px;
}
72% {
border-top-width: 127.4848px;
}
73% {
border-top-width: 132.26237px;
}
74% {
border-top-width: 136.90942px;
}
75% {
border-top-width: 141.42136px;
}
76% {
border-top-width: 145.79373px;
}
77% {
border-top-width: 150.02221px;
}
78% {
border-top-width: 154.10265px;
}
79% {
border-top-width: 158.031px;
}
80% {
border-top-width: 161.8034px;
}
81% {
border-top-width: 165.41611px;
}
82% {
border-top-width: 168.86559px;
}
83% {
border-top-width: 172.14841px;
}
84% {
border-top-width: 175.26134px;
}
85% {
border-top-width: 178.2013px;
}
86% {
border-top-width: 180.96541px;
}
87% {
border-top-width: 183.55093px;
}
88% {
border-top-width: 185.9553px;
}
89% {
border-top-width: 188.17615px;
}
90% {
border-top-width: 190.2113px;
}
91% {
border-top-width: 192.05874px;
}
92% {
border-top-width: 193.71663px;
}
93% {
border-top-width: 195.18335px;
}
94% {
border-top-width: 196.45745px;
}
95% {
border-top-width: 197.53767px;
}
96% {
border-top-width: 198.42294px;
}
97% {
border-top-width: 199.11239px;
}
98% {
border-top-width: 199.60535px;
}
99% {
border-top-width: 199.90131px;
}
100% {
border-top-width: 200px;
}
}
@-moz-keyframes borderRightWidth {
0% {
border-right-width: 200px;
}
1% {
border-right-width: 199.90131px;
}
2% {
border-right-width: 199.60535px;
}
3% {
border-right-width: 199.11239px;
}
4% {
border-right-width: 198.42294px;
}
5% {
border-right-width: 197.53767px;
}
6% {
border-right-width: 196.45745px;
}
7% {
border-right-width: 195.18335px;
}
8% {
border-right-width: 193.71663px;
}
9% {
border-right-width: 192.05874px;
}
10% {
border-right-width: 190.2113px;
}
11% {
border-right-width: 188.17615px;
}
12% {
border-right-width: 185.9553px;
}
13% {
border-right-width: 183.55093px;
}
14% {
border-right-width: 180.96541px;
}
15% {
border-right-width: 178.2013px;
}
16% {
border-right-width: 175.26134px;
}
17% {
border-right-width: 172.14841px;
}
18% {
border-right-width: 168.86559px;
}
19% {
border-right-width: 165.41611px;
}
20% {
border-right-width: 161.8034px;
}
21% {
border-right-width: 158.031px;
}
22% {
border-right-width: 154.10265px;
}
23% {
border-right-width: 150.02221px;
}
24% {
border-right-width: 145.79373px;
}
25% {
border-right-width: 141.42136px;
}
26% {
border-right-width: 136.90942px;
}
27% {
border-right-width: 132.26237px;
}
28% {
border-right-width: 127.4848px;
}
29% {
border-right-width: 122.58141px;
}
30% {
border-right-width: 117.55705px;
}
31% {
border-right-width: 112.41668px;
}
32% {
border-right-width: 107.16536px;
}
33% {
border-right-width: 101.80828px;
}
34% {
border-right-width: 96.35073px;
}
35% {
border-right-width: 90.7981px;
}
36% {
border-right-width: 85.15586px;
}
37% {
border-right-width: 79.42958px;
}
38% {
border-right-width: 73.62491px;
}
39% {
border-right-width: 67.74758px;
}
40% {
border-right-width: 61.8034px;
}
41% {
border-right-width: 55.79822px;
}
42% {
border-right-width: 49.73798px;
}
43% {
border-right-width: 43.62865px;
}
44% {
border-right-width: 37.47626px;
}
45% {
border-right-width: 31.28689px;
}
46% {
border-right-width: 25.06665px;
}
47% {
border-right-width: 18.82166px;
}
48% {
border-right-width: 12.5581px;
}
49% {
border-right-width: 6.28215px;
}
50% {
border-right-width: 0.0px;
}
51% {
border-right-width: 6.28215px;
}
52% {
border-right-width: 12.5581px;
}
53% {
border-right-width: 18.82166px;
}
54% {
border-right-width: 25.06665px;
}
55% {
border-right-width: 31.28689px;
}
56% {
border-right-width: 37.47626px;
}
57% {
border-right-width: 43.62865px;
}
58% {
border-right-width: 49.73798px;
}
59% {
border-right-width: 55.79822px;
}
60% {
border-right-width: 61.8034px;
}
61% {
border-right-width: 67.74758px;
}
62% {
border-right-width: 73.62491px;
}
63% {
border-right-width: 79.42958px;
}
64% {
border-right-width: 85.15586px;
}
65% {
border-right-width: 90.7981px;
}
66% {
border-right-width: 96.35073px;
}
67% {
border-right-width: 101.80828px;
}
68% {
border-right-width: 107.16536px;
}
69% {
border-right-width: 112.41668px;
}
70% {
border-right-width: 117.55705px;
}
71% {
border-right-width: 122.58141px;
}
72% {
border-right-width: 127.4848px;
}
73% {
border-right-width: 132.26237px;
}
74% {
border-right-width: 136.90942px;
}
75% {
border-right-width: 141.42136px;
}
76% {
border-right-width: 145.79373px;
}
77% {
border-right-width: 150.02221px;
}
78% {
border-right-width: 154.10265px;
}
79% {
border-right-width: 158.031px;
}
80% {
border-right-width: 161.8034px;
}
81% {
border-right-width: 165.41611px;
}
82% {
border-right-width: 168.86559px;
}
83% {
border-right-width: 172.14841px;
}
84% {
border-right-width: 175.26134px;
}
85% {
border-right-width: 178.2013px;
}
86% {
border-right-width: 180.96541px;
}
87% {
border-right-width: 183.55093px;
}
88% {
border-right-width: 185.9553px;
}
89% {
border-right-width: 188.17615px;
}
90% {
border-right-width: 190.2113px;
}
91% {
border-right-width: 192.05874px;
}
92% {
border-right-width: 193.71663px;
}
93% {
border-right-width: 195.18335px;
}
94% {
border-right-width: 196.45745px;
}
95% {
border-right-width: 197.53767px;
}
96% {
border-right-width: 198.42294px;
}
97% {
border-right-width: 199.11239px;
}
98% {
border-right-width: 199.60535px;
}
99% {
border-right-width: 199.90131px;
}
100% {
border-right-width: 200px;
}
}
@-moz-keyframes borderBottomWidth {
0% {
border-right-width: 200px;
}
1% {
border-right-width: 199.90131px;
}
2% {
border-right-width: 199.60535px;
}
3% {
border-right-width: 199.11239px;
}
4% {
border-right-width: 198.42294px;
}
5% {
border-right-width: 197.53767px;
}
6% {
border-right-width: 196.45745px;
}
7% {
border-right-width: 195.18335px;
}
8% {
border-right-width: 193.71663px;
}
9% {
border-right-width: 192.05874px;
}
10% {
border-right-width: 190.2113px;
}
11% {
border-right-width: 188.17615px;
}
12% {
border-right-width: 185.9553px;
}
13% {
border-right-width: 183.55093px;
}
14% {
border-right-width: 180.96541px;
}
15% {
border-right-width: 178.2013px;
}
16% {
border-right-width: 175.26134px;
}
17% {
border-right-width: 172.14841px;
}
18% {
border-right-width: 168.86559px;
}
19% {
border-right-width: 165.41611px;
}
20% {
border-right-width: 161.8034px;
}
21% {
border-right-width: 158.031px;
}
22% {
border-right-width: 154.10265px;
}
23% {
border-right-width: 150.02221px;
}
24% {
border-right-width: 145.79373px;
}
25% {
border-right-width: 141.42136px;
}
26% {
border-right-width: 136.90942px;
}
27% {
border-right-width: 132.26237px;
}
28% {
border-right-width: 127.4848px;
}
29% {
border-right-width: 122.58141px;
}
30% {
border-right-width: 117.55705px;
}
31% {
border-right-width: 112.41668px;
}
32% {
border-right-width: 107.16536px;
}
33% {
border-right-width: 101.80828px;
}
34% {
border-right-width: 96.35073px;
}
35% {
border-right-width: 90.7981px;
}
36% {
border-right-width: 85.15586px;
}
37% {
border-right-width: 79.42958px;
}
38% {
border-right-width: 73.62491px;
}
39% {
border-right-width: 67.74758px;
}
40% {
border-right-width: 61.8034px;
}
41% {
border-right-width: 55.79822px;
}
42% {
border-right-width: 49.73798px;
}
43% {
border-right-width: 43.62865px;
}
44% {
border-right-width: 37.47626px;
}
45% {
border-right-width: 31.28689px;
}
46% {
border-right-width: 25.06665px;
}
47% {
border-right-width: 18.82166px;
}
48% {
border-right-width: 12.5581px;
}
49% {
border-right-width: 6.28215px;
}
50% {
border-right-width: 0.0px;
}
51% {
border-right-width: 6.28215px;
}
52% {
border-right-width: 12.5581px;
}
53% {
border-right-width: 18.82166px;
}
54% {
border-right-width: 25.06665px;
}
55% {
border-right-width: 31.28689px;
}
56% {
border-right-width: 37.47626px;
}
57% {
border-right-width: 43.62865px;
}
58% {
border-right-width: 49.73798px;
}
59% {
border-right-width: 55.79822px;
}
60% {
border-right-width: 61.8034px;
}
61% {
border-right-width: 67.74758px;
}
62% {
border-right-width: 73.62491px;
}
63% {
border-right-width: 79.42958px;
}
64% {
border-right-width: 85.15586px;
}
65% {
border-right-width: 90.7981px;
}
66% {
border-right-width: 96.35073px;
}
67% {
border-right-width: 101.80828px;
}
68% {
border-right-width: 107.16536px;
}
69% {
border-right-width: 112.41668px;
}
70% {
border-right-width: 117.55705px;
}
71% {
border-right-width: 122.58141px;
}
72% {
border-right-width: 127.4848px;
}
73% {
border-right-width: 132.26237px;
}
74% {
border-right-width: 136.90942px;
}
75% {
border-right-width: 141.42136px;
}
76% {
border-right-width: 145.79373px;
}
77% {
border-right-width: 150.02221px;
}
78% {
border-right-width: 154.10265px;
}
79% {
border-right-width: 158.031px;
}
80% {
border-right-width: 161.8034px;
}
81% {
border-right-width: 165.41611px;
}
82% {
border-right-width: 168.86559px;
}
83% {
border-right-width: 172.14841px;
}
84% {
border-right-width: 175.26134px;
}
85% {
border-right-width: 178.2013px;
}
86% {
border-right-width: 180.96541px;
}
87% {
border-right-width: 183.55093px;
}
88% {
border-right-width: 185.9553px;
}
89% {
border-right-width: 188.17615px;
}
90% {
border-right-width: 190.2113px;
}
91% {
border-right-width: 192.05874px;
}
92% {
border-right-width: 193.71663px;
}
93% {
border-right-width: 195.18335px;
}
94% {
border-right-width: 196.45745px;
}
95% {
border-right-width: 197.53767px;
}
96% {
border-right-width: 198.42294px;
}
97% {
border-right-width: 199.11239px;
}
98% {
border-right-width: 199.60535px;
}
99% {
border-right-width: 199.90131px;
}
100% {
border-right-width: 200px;
}
}
@-moz-keyframes borderLeftWidth {
0% {
border-right-width: 200px;
}
1% {
border-right-width: 199.90131px;
}
2% {
border-right-width: 199.60535px;
}
3% {
border-right-width: 199.11239px;
}
4% {
border-right-width: 198.42294px;
}
5% {
border-right-width: 197.53767px;
}
6% {
border-right-width: 196.45745px;
}
7% {
border-right-width: 195.18335px;
}
8% {
border-right-width: 193.71663px;
}
9% {
border-right-width: 192.05874px;
}
10% {
border-right-width: 190.2113px;
}
11% {
border-right-width: 188.17615px;
}
12% {
border-right-width: 185.9553px;
}
13% {
border-right-width: 183.55093px;
}
14% {
border-right-width: 180.96541px;
}
15% {
border-right-width: 178.2013px;
}
16% {
border-right-width: 175.26134px;
}
17% {
border-right-width: 172.14841px;
}
18% {
border-right-width: 168.86559px;
}
19% {
border-right-width: 165.41611px;
}
20% {
border-right-width: 161.8034px;
}
21% {
border-right-width: 158.031px;
}
22% {
border-right-width: 154.10265px;
}
23% {
border-right-width: 150.02221px;
}
24% {
border-right-width: 145.79373px;
}
25% {
border-right-width: 141.42136px;
}
26% {
border-right-width: 136.90942px;
}
27% {
border-right-width: 132.26237px;
}
28% {
border-right-width: 127.4848px;
}
29% {
border-right-width: 122.58141px;
}
30% {
border-right-width: 117.55705px;
}
31% {
border-right-width: 112.41668px;
}
32% {
border-right-width: 107.16536px;
}
33% {
border-right-width: 101.80828px;
}
34% {
border-right-width: 96.35073px;
}
35% {
border-right-width: 90.7981px;
}
36% {
border-right-width: 85.15586px;
}
37% {
border-right-width: 79.42958px;
}
38% {
border-right-width: 73.62491px;
}
39% {
border-right-width: 67.74758px;
}
40% {
border-right-width: 61.8034px;
}
41% {
border-right-width: 55.79822px;
}
42% {
border-right-width: 49.73798px;
}
43% {
border-right-width: 43.62865px;
}
44% {
border-right-width: 37.47626px;
}
45% {
border-right-width: 31.28689px;
}
46% {
border-right-width: 25.06665px;
}
47% {
border-right-width: 18.82166px;
}
48% {
border-right-width: 12.5581px;
}
49% {
border-right-width: 6.28215px;
}
50% {
border-right-width: 0.0px;
}
51% {
border-right-width: 6.28215px;
}
52% {
border-right-width: 12.5581px;
}
53% {
border-right-width: 18.82166px;
}
54% {
border-right-width: 25.06665px;
}
55% {
border-right-width: 31.28689px;
}
56% {
border-right-width: 37.47626px;
}
57% {
border-right-width: 43.62865px;
}
58% {
border-right-width: 49.73798px;
}
59% {
border-right-width: 55.79822px;
}
60% {
border-right-width: 61.8034px;
}
61% {
border-right-width: 67.74758px;
}
62% {
border-right-width: 73.62491px;
}
63% {
border-right-width: 79.42958px;
}
64% {
border-right-width: 85.15586px;
}
65% {
border-right-width: 90.7981px;
}
66% {
border-right-width: 96.35073px;
}
67% {
border-right-width: 101.80828px;
}
68% {
border-right-width: 107.16536px;
}
69% {
border-right-width: 112.41668px;
}
70% {
border-right-width: 117.55705px;
}
71% {
border-right-width: 122.58141px;
}
72% {
border-right-width: 127.4848px;
}
73% {
border-right-width: 132.26237px;
}
74% {
border-right-width: 136.90942px;
}
75% {
border-right-width: 141.42136px;
}
76% {
border-right-width: 145.79373px;
}
77% {
border-right-width: 150.02221px;
}
78% {
border-right-width: 154.10265px;
}
79% {
border-right-width: 158.031px;
}
80% {
border-right-width: 161.8034px;
}
81% {
border-right-width: 165.41611px;
}
82% {
border-right-width: 168.86559px;
}
83% {
border-right-width: 172.14841px;
}
84% {
border-right-width: 175.26134px;
}
85% {
border-right-width: 178.2013px;
}
86% {
border-right-width: 180.96541px;
}
87% {
border-right-width: 183.55093px;
}
88% {
border-right-width: 185.9553px;
}
89% {
border-right-width: 188.17615px;
}
90% {
border-right-width: 190.2113px;
}
91% {
border-right-width: 192.05874px;
}
92% {
border-right-width: 193.71663px;
}
93% {
border-right-width: 195.18335px;
}
94% {
border-right-width: 196.45745px;
}
95% {
border-right-width: 197.53767px;
}
96% {
border-right-width: 198.42294px;
}
97% {
border-right-width: 199.11239px;
}
98% {
border-right-width: 199.60535px;
}
99% {
border-right-width: 199.90131px;
}
100% {
border-right-width: 200px;
}
}
@-moz-keyframes transform {
0% {
-moz-transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateY(0px) translateZ(0px) translateX(0px);
}
1% {
-moz-transform: rotateY(-11.30787deg) rotateX(-11.30787deg) rotateZ(11.30787deg) translateY(-1.57054px) translateZ(-1.57054px) translateX(-1.57054px);
}
2% {
-moz-transform: rotateY(-22.60459deg) rotateX(-22.60459deg) rotateZ(22.60459deg) translateY(-3.13953px) translateZ(-3.13953px) translateX(-3.13953px);
}
3% {
-moz-transform: rotateY(-33.87899deg) rotateX(-33.87899deg) rotateZ(33.87899deg) translateY(-4.70542px) translateZ(-4.70542px) translateX(-4.70542px);
}
4% {
-moz-transform: rotateY(-45.11996deg) rotateX(-45.11996deg) rotateZ(45.11996deg) translateY(-6.26666px) translateZ(-6.26666px) translateX(-6.26666px);
}
5% {
-moz-transform: rotateY(-56.31641deg) rotateX(-56.31641deg) rotateZ(56.31641deg) translateY(-7.82172px) translateZ(-7.82172px) translateX(-7.82172px);
}
6% {
-moz-transform: rotateY(-67.45727deg) rotateX(-67.45727deg) rotateZ(67.45727deg) translateY(-9.36907px) translateZ(-9.36907px) translateX(-9.36907px);
}
7% {
-moz-transform: rotateY(-78.53157deg) rotateX(-78.53157deg) rotateZ(78.53157deg) translateY(-10.90716px) translateZ(-10.90716px) translateX(-10.90716px);
}
8% {
-moz-transform: rotateY(-89.52836deg) rotateX(-89.52836deg) rotateZ(89.52836deg) translateY(-12.43449px) translateZ(-12.43449px) translateX(-12.43449px);
}
9% {
-moz-transform: rotateY(-100.4368deg) rotateX(-100.4368deg) rotateZ(100.4368deg) translateY(-13.94956px) translateZ(-13.94956px) translateX(-13.94956px);
}
10% {
-moz-transform: rotateY(-111.24612deg) rotateX(-111.24612deg) rotateZ(111.24612deg) translateY(-15.45085px) translateZ(-15.45085px) translateX(-15.45085px);
}
11% {
-moz-transform: rotateY(-121.94565deg) rotateX(-121.94565deg) rotateZ(121.94565deg) translateY(-16.9369px) translateZ(-16.9369px) translateX(-16.9369px);
}
12% {
-moz-transform: rotateY(-132.52484deg) rotateX(-132.52484deg) rotateZ(132.52484deg) translateY(-18.40623px) translateZ(-18.40623px) translateX(-18.40623px);
}
13% {
-moz-transform: rotateY(-142.97324deg) rotateX(-142.97324deg) rotateZ(142.97324deg) translateY(-19.85739px) translateZ(-19.85739px) translateX(-19.85739px);
}
14% {
-moz-transform: rotateY(-153.28054deg) rotateX(-153.28054deg) rotateZ(153.28054deg) translateY(-21.28896px) translateZ(-21.28896px) translateX(-21.28896px);
}
15% {
-moz-transform: rotateY(-163.43658deg) rotateX(-163.43658deg) rotateZ(163.43658deg) translateY(-22.69952px) translateZ(-22.69952px) translateX(-22.69952px);
}
16% {
-moz-transform: rotateY(-173.43132deg) rotateX(-173.43132deg) rotateZ(173.43132deg) translateY(-24.08768px) translateZ(-24.08768px) translateX(-24.08768px);
}
17% {
-moz-transform: rotateY(-183.25491deg) rotateX(-183.25491deg) rotateZ(183.25491deg) translateY(-25.45207px) translateZ(-25.45207px) translateX(-25.45207px);
}
18% {
-moz-transform: rotateY(-192.89765deg) rotateX(-192.89765deg) rotateZ(192.89765deg) translateY(-26.79134px) translateZ(-26.79134px) translateX(-26.79134px);
}
19% {
-moz-transform: rotateY(-202.35002deg) rotateX(-202.35002deg) rotateZ(202.35002deg) translateY(-28.10417px) translateZ(-28.10417px) translateX(-28.10417px);
}
20% {
-moz-transform: rotateY(-211.60269deg) rotateX(-211.60269deg) rotateZ(211.60269deg) translateY(-29.38926px) translateZ(-29.38926px) translateX(-29.38926px);
}
21% {
-moz-transform: rotateY(-220.64654deg) rotateX(-220.64654deg) rotateZ(220.64654deg) translateY(-30.64535px) translateZ(-30.64535px) translateX(-30.64535px);
}
22% {
-moz-transform: rotateY(-229.47264deg) rotateX(-229.47264deg) rotateZ(229.47264deg) translateY(-31.8712px) translateZ(-31.8712px) translateX(-31.8712px);
}
23% {
-moz-transform: rotateY(-238.07227deg) rotateX(-238.07227deg) rotateZ(238.07227deg) translateY(-33.06559px) translateZ(-33.06559px) translateX(-33.06559px);
}
24% {
-moz-transform: rotateY(-246.43696deg) rotateX(-246.43696deg) rotateZ(246.43696deg) translateY(-34.22736px) translateZ(-34.22736px) translateX(-34.22736px);
}
25% {
-moz-transform: rotateY(-254.55844deg) rotateX(-254.55844deg) rotateZ(254.55844deg) translateY(-35.35534px) translateZ(-35.35534px) translateX(-35.35534px);
}
26% {
-moz-transform: rotateY(-262.42871deg) rotateX(-262.42871deg) rotateZ(262.42871deg) translateY(-36.44843px) translateZ(-36.44843px) translateX(-36.44843px);
}
27% {
-moz-transform: rotateY(-270.03999deg) rotateX(-270.03999deg) rotateZ(270.03999deg) translateY(-37.50555px) translateZ(-37.50555px) translateX(-37.50555px);
}
28% {
-moz-transform: rotateY(-277.38477deg) rotateX(-277.38477deg) rotateZ(277.38477deg) translateY(-38.52566px) translateZ(-38.52566px) translateX(-38.52566px);
}
29% {
-moz-transform: rotateY(-284.4558deg) rotateX(-284.4558deg) rotateZ(284.4558deg) translateY(-39.50775px) translateZ(-39.50775px) translateX(-39.50775px);
}
30% {
-moz-transform: rotateY(-291.24612deg) rotateX(-291.24612deg) rotateZ(291.24612deg) translateY(-40.45085px) translateZ(-40.45085px) translateX(-40.45085px);
}
31% {
-moz-transform: rotateY(-297.74901deg) rotateX(-297.74901deg) rotateZ(297.74901deg) translateY(-41.35403px) translateZ(-41.35403px) translateX(-41.35403px);
}
32% {
-moz-transform: rotateY(-303.95805deg) rotateX(-303.95805deg) rotateZ(303.95805deg) translateY(-42.2164px) translateZ(-42.2164px) translateX(-42.2164px);
}
33% {
-moz-transform: rotateY(-309.86713deg) rotateX(-309.86713deg) rotateZ(309.86713deg) translateY(-43.0371px) translateZ(-43.0371px) translateX(-43.0371px);
}
34% {
-moz-transform: rotateY(-315.4704deg) rotateX(-315.4704deg) rotateZ(315.4704deg) translateY(-43.81533px) translateZ(-43.81533px) translateX(-43.81533px);
}
35% {
-moz-transform: rotateY(-320.76235deg) rotateX(-320.76235deg) rotateZ(320.76235deg) translateY(-44.55033px) translateZ(-44.55033px) translateX(-44.55033px);
}
36% {
-moz-transform: rotateY(-325.73774deg) rotateX(-325.73774deg) rotateZ(325.73774deg) translateY(-45.24135px) translateZ(-45.24135px) translateX(-45.24135px);
}
37% {
-moz-transform: rotateY(-330.39167deg) rotateX(-330.39167deg) rotateZ(330.39167deg) translateY(-45.88773px) translateZ(-45.88773px) translateX(-45.88773px);
}
38% {
-moz-transform: rotateY(-334.71953deg) rotateX(-334.71953deg) rotateZ(334.71953deg) translateY(-46.48882px) translateZ(-46.48882px) translateX(-46.48882px);
}
39% {
-moz-transform: rotateY(-338.71708deg) rotateX(-338.71708deg) rotateZ(338.71708deg) translateY(-47.04404px) translateZ(-47.04404px) translateX(-47.04404px);
}
40% {
-moz-transform: rotateY(-342.38035deg) rotateX(-342.38035deg) rotateZ(342.38035deg) translateY(-47.55283px) translateZ(-47.55283px) translateX(-47.55283px);
}
41% {
-moz-transform: rotateY(-345.70573deg) rotateX(-345.70573deg) rotateZ(345.70573deg) translateY(-48.01468px) translateZ(-48.01468px) translateX(-48.01468px);
}
42% {
-moz-transform: rotateY(-348.68994deg) rotateX(-348.68994deg) rotateZ(348.68994deg) translateY(-48.42916px) translateZ(-48.42916px) translateX(-48.42916px);
}
43% {
-moz-transform: rotateY(-351.33003deg) rotateX(-351.33003deg) rotateZ(351.33003deg) translateY(-48.79584px) translateZ(-48.79584px) translateX(-48.79584px);
}
44% {
-moz-transform: rotateY(-353.62341deg) rotateX(-353.62341deg) rotateZ(353.62341deg) translateY(-49.11436px) translateZ(-49.11436px) translateX(-49.11436px);
}
45% {
-moz-transform: rotateY(-355.5678deg) rotateX(-355.5678deg) rotateZ(355.5678deg) translateY(-49.38442px) translateZ(-49.38442px) translateX(-49.38442px);
}
46% {
-moz-transform: rotateY(-357.16129deg) rotateX(-357.16129deg) rotateZ(357.16129deg) translateY(-49.60574px) translateZ(-49.60574px) translateX(-49.60574px);
}
47% {
-moz-transform: rotateY(-358.40231deg) rotateX(-358.40231deg) rotateZ(358.40231deg) translateY(-49.7781px) translateZ(-49.7781px) translateX(-49.7781px);
}
48% {
-moz-transform: rotateY(-359.28962deg) rotateX(-359.28962deg) rotateZ(359.28962deg) translateY(-49.90134px) translateZ(-49.90134px) translateX(-49.90134px);
}
49% {
-moz-transform: rotateY(-359.82236deg) rotateX(-359.82236deg) rotateZ(359.82236deg) translateY(-49.97533px) translateZ(-49.97533px) translateX(-49.97533px);
}
50% {
-moz-transform: rotateY(-360deg) rotateX(-360deg) rotateZ(360deg) translateY(-50px) translateZ(-50px) translateX(-50px);
}
51% {
-moz-transform: rotateY(-359.82236deg) rotateX(-359.82236deg) rotateZ(359.82236deg) translateY(-49.97533px) translateZ(-49.97533px) translateX(-49.97533px);
}
52% {
-moz-transform: rotateY(-359.28962deg) rotateX(-359.28962deg) rotateZ(359.28962deg) translateY(-49.90134px) translateZ(-49.90134px) translateX(-49.90134px);
}
53% {
-moz-transform: rotateY(-358.40231deg) rotateX(-358.40231deg) rotateZ(358.40231deg) translateY(-49.7781px) translateZ(-49.7781px) translateX(-49.7781px);
}
54% {
-moz-transform: rotateY(-357.16129deg) rotateX(-357.16129deg) rotateZ(357.16129deg) translateY(-49.60574px) translateZ(-49.60574px) translateX(-49.60574px);
}
55% {
-moz-transform: rotateY(-355.5678deg) rotateX(-355.5678deg) rotateZ(355.5678deg) translateY(-49.38442px) translateZ(-49.38442px) translateX(-49.38442px);
}
56% {
-moz-transform: rotateY(-353.62341deg) rotateX(-353.62341deg) rotateZ(353.62341deg) translateY(-49.11436px) translateZ(-49.11436px) translateX(-49.11436px);
}
57% {
-moz-transform: rotateY(-351.33003deg) rotateX(-351.33003deg) rotateZ(351.33003deg) translateY(-48.79584px) translateZ(-48.79584px) translateX(-48.79584px);
}
58% {
-moz-transform: rotateY(-348.68994deg) rotateX(-348.68994deg) rotateZ(348.68994deg) translateY(-48.42916px) translateZ(-48.42916px) translateX(-48.42916px);
}
59% {
-moz-transform: rotateY(-345.70573deg) rotateX(-345.70573deg) rotateZ(345.70573deg) translateY(-48.01468px) translateZ(-48.01468px) translateX(-48.01468px);
}
60% {
-moz-transform: rotateY(-342.38035deg) rotateX(-342.38035deg) rotateZ(342.38035deg) translateY(-47.55283px) translateZ(-47.55283px) translateX(-47.55283px);
}
61% {
-moz-transform: rotateY(-338.71708deg) rotateX(-338.71708deg) rotateZ(338.71708deg) translateY(-47.04404px) translateZ(-47.04404px) translateX(-47.04404px);
}
62% {
-moz-transform: rotateY(-334.71953deg) rotateX(-334.71953deg) rotateZ(334.71953deg) translateY(-46.48882px) translateZ(-46.48882px) translateX(-46.48882px);
}
63% {
-moz-transform: rotateY(-330.39167deg) rotateX(-330.39167deg) rotateZ(330.39167deg) translateY(-45.88773px) translateZ(-45.88773px) translateX(-45.88773px);
}
64% {
-moz-transform: rotateY(-325.73774deg) rotateX(-325.73774deg) rotateZ(325.73774deg) translateY(-45.24135px) translateZ(-45.24135px) translateX(-45.24135px);
}
65% {
-moz-transform: rotateY(-320.76235deg) rotateX(-320.76235deg) rotateZ(320.76235deg) translateY(-44.55033px) translateZ(-44.55033px) translateX(-44.55033px);
}
66% {
-moz-transform: rotateY(-315.4704deg) rotateX(-315.4704deg) rotateZ(315.4704deg) translateY(-43.81533px) translateZ(-43.81533px) translateX(-43.81533px);
}
67% {
-moz-transform: rotateY(-309.86713deg) rotateX(-309.86713deg) rotateZ(309.86713deg) translateY(-43.0371px) translateZ(-43.0371px) translateX(-43.0371px);
}
68% {
-moz-transform: rotateY(-303.95805deg) rotateX(-303.95805deg) rotateZ(303.95805deg) translateY(-42.2164px) translateZ(-42.2164px) translateX(-42.2164px);
}
69% {
-moz-transform: rotateY(-297.74901deg) rotateX(-297.74901deg) rotateZ(297.74901deg) translateY(-41.35403px) translateZ(-41.35403px) translateX(-41.35403px);
}
70% {
-moz-transform: rotateY(-291.24612deg) rotateX(-291.24612deg) rotateZ(291.24612deg) translateY(-40.45085px) translateZ(-40.45085px) translateX(-40.45085px);
}
71% {
-moz-transform: rotateY(-284.4558deg) rotateX(-284.4558deg) rotateZ(284.4558deg) translateY(-39.50775px) translateZ(-39.50775px) translateX(-39.50775px);
}
72% {
-moz-transform: rotateY(-277.38477deg) rotateX(-277.38477deg) rotateZ(277.38477deg) translateY(-38.52566px) translateZ(-38.52566px) translateX(-38.52566px);
}
73% {
-moz-transform: rotateY(-270.03999deg) rotateX(-270.03999deg) rotateZ(270.03999deg) translateY(-37.50555px) translateZ(-37.50555px) translateX(-37.50555px);
}
74% {
-moz-transform: rotateY(-262.42871deg) rotateX(-262.42871deg) rotateZ(262.42871deg) translateY(-36.44843px) translateZ(-36.44843px) translateX(-36.44843px);
}
75% {
-moz-transform: rotateY(-254.55844deg) rotateX(-254.55844deg) rotateZ(254.55844deg) translateY(-35.35534px) translateZ(-35.35534px) translateX(-35.35534px);
}
76% {
-moz-transform: rotateY(-246.43696deg) rotateX(-246.43696deg) rotateZ(246.43696deg) translateY(-34.22736px) translateZ(-34.22736px) translateX(-34.22736px);
}
77% {
-moz-transform: rotateY(-238.07227deg) rotateX(-238.07227deg) rotateZ(238.07227deg) translateY(-33.06559px) translateZ(-33.06559px) translateX(-33.06559px);
}
78% {
-moz-transform: rotateY(-229.47264deg) rotateX(-229.47264deg) rotateZ(229.47264deg) translateY(-31.8712px) translateZ(-31.8712px) translateX(-31.8712px);
}
79% {
-moz-transform: rotateY(-220.64654deg) rotateX(-220.64654deg) rotateZ(220.64654deg) translateY(-30.64535px) translateZ(-30.64535px) translateX(-30.64535px);
}
80% {
-moz-transform: rotateY(-211.60269deg) rotateX(-211.60269deg) rotateZ(211.60269deg) translateY(-29.38926px) translateZ(-29.38926px) translateX(-29.38926px);
}
81% {
-moz-transform: rotateY(-202.35002deg) rotateX(-202.35002deg) rotateZ(202.35002deg) translateY(-28.10417px) translateZ(-28.10417px) translateX(-28.10417px);
}
82% {
-moz-transform: rotateY(-192.89765deg) rotateX(-192.89765deg) rotateZ(192.89765deg) translateY(-26.79134px) translateZ(-26.79134px) translateX(-26.79134px);
}
83% {
-moz-transform: rotateY(-183.25491deg) rotateX(-183.25491deg) rotateZ(183.25491deg) translateY(-25.45207px) translateZ(-25.45207px) translateX(-25.45207px);
}
84% {
-moz-transform: rotateY(-173.43132deg) rotateX(-173.43132deg) rotateZ(173.43132deg) translateY(-24.08768px) translateZ(-24.08768px) translateX(-24.08768px);
}
85% {
-moz-transform: rotateY(-163.43658deg) rotateX(-163.43658deg) rotateZ(163.43658deg) translateY(-22.69952px) translateZ(-22.69952px) translateX(-22.69952px);
}
86% {
-moz-transform: rotateY(-153.28054deg) rotateX(-153.28054deg) rotateZ(153.28054deg) translateY(-21.28896px) translateZ(-21.28896px) translateX(-21.28896px);
}
87% {
-moz-transform: rotateY(-142.97324deg) rotateX(-142.97324deg) rotateZ(142.97324deg) translateY(-19.85739px) translateZ(-19.85739px) translateX(-19.85739px);
}
88% {
-moz-transform: rotateY(-132.52484deg) rotateX(-132.52484deg) rotateZ(132.52484deg) translateY(-18.40623px) translateZ(-18.40623px) translateX(-18.40623px);
}
89% {
-moz-transform: rotateY(-121.94565deg) rotateX(-121.94565deg) rotateZ(121.94565deg) translateY(-16.9369px) translateZ(-16.9369px) translateX(-16.9369px);
}
90% {
-moz-transform: rotateY(-111.24612deg) rotateX(-111.24612deg) rotateZ(111.24612deg) translateY(-15.45085px) translateZ(-15.45085px) translateX(-15.45085px);
}
91% {
-moz-transform: rotateY(-100.4368deg) rotateX(-100.4368deg) rotateZ(100.4368deg) translateY(-13.94956px) translateZ(-13.94956px) translateX(-13.94956px);
}
92% {
-moz-transform: rotateY(-89.52836deg) rotateX(-89.52836deg) rotateZ(89.52836deg) translateY(-12.43449px) translateZ(-12.43449px) translateX(-12.43449px);
}
93% {
-moz-transform: rotateY(-78.53157deg) rotateX(-78.53157deg) rotateZ(78.53157deg) translateY(-10.90716px) translateZ(-10.90716px) translateX(-10.90716px);
}
94% {
-moz-transform: rotateY(-67.45727deg) rotateX(-67.45727deg) rotateZ(67.45727deg) translateY(-9.36907px) translateZ(-9.36907px) translateX(-9.36907px);
}
95% {
-moz-transform: rotateY(-56.31641deg) rotateX(-56.31641deg) rotateZ(56.31641deg) translateY(-7.82172px) translateZ(-7.82172px) translateX(-7.82172px);
}
96% {
-moz-transform: rotateY(-45.11996deg) rotateX(-45.11996deg) rotateZ(45.11996deg) translateY(-6.26666px) translateZ(-6.26666px) translateX(-6.26666px);
}
97% {
-moz-transform: rotateY(-33.87899deg) rotateX(-33.87899deg) rotateZ(33.87899deg) translateY(-4.70542px) translateZ(-4.70542px) translateX(-4.70542px);
}
98% {
-moz-transform: rotateY(-22.60459deg) rotateX(-22.60459deg) rotateZ(22.60459deg) translateY(-3.13953px) translateZ(-3.13953px) translateX(-3.13953px);
}
99% {
-moz-transform: rotateY(-11.30787deg) rotateX(-11.30787deg) rotateZ(11.30787deg) translateY(-1.57054px) translateZ(-1.57054px) translateX(-1.57054px);
}
100% {
-moz-transform: rotateY(0.0deg) rotateX(0.0deg) rotateZ(0.0deg) translateY(0.0px) translateZ(0.0px) translateX(0.0px);
}
}
@keyframes height {
0% {
height: 66.66667px;
top: 0px;
}
1% {
height: 72.94882px;
top: -3.14108px;
}
2% {
height: 79.22477px;
top: -6.27905px;
}
3% {
height: 85.48833px;
top: -9.41083px;
}
4% {
height: 91.73331px;
top: -12.53332px;
}
5% {
height: 97.95356px;
top: -15.64345px;
}
6% {
height: 104.14293px;
top: -18.73813px;
}
7% {
height: 110.29531px;
top: -21.81432px;
}
8% {
height: 116.40464px;
top: -24.86899px;
}
9% {
height: 122.46489px;
top: -27.89911px;
}
10% {
height: 128.47007px;
top: -30.9017px;
}
11% {
height: 134.41425px;
top: -33.87379px;
}
12% {
height: 140.29158px;
top: -36.81246px;
}
13% {
height: 146.09624px;
top: -39.71479px;
}
14% {
height: 151.82252px;
top: -42.57793px;
}
15% {
height: 157.46477px;
top: -45.39905px;
}
16% {
height: 163.0174px;
top: -48.17537px;
}
17% {
height: 168.47495px;
top: -50.90414px;
}
18% {
height: 173.83203px;
top: -53.58268px;
}
19% {
height: 179.08334px;
top: -56.20834px;
}
20% {
height: 184.22372px;
top: -58.77853px;
}
21% {
height: 189.24808px;
top: -61.29071px;
}
22% {
height: 194.15146px;
top: -63.7424px;
}
23% {
height: 198.92904px;
top: -66.13119px;
}
24% {
height: 203.57609px;
top: -68.45471px;
}
25% {
height: 208.08802px;
top: -70.71068px;
}
26% {
height: 212.46039px;
top: -72.89686px;
}
27% {
height: 216.68888px;
top: -75.01111px;
}
28% {
height: 220.76932px;
top: -77.05132px;
}
29% {
height: 224.69767px;
top: -79.0155px;
}
30% {
height: 228.47007px;
top: -80.9017px;
}
31% {
height: 232.08278px;
top: -82.70806px;
}
32% {
height: 235.53225px;
top: -84.43279px;
}
33% {
height: 238.81507px;
top: -86.0742px;
}
34% {
height: 241.928px;
top: -87.63067px;
}
35% {
height: 244.86797px;
top: -89.10065px;
}
36% {
height: 247.63208px;
top: -90.48271px;
}
37% {
height: 250.21759px;
top: -91.77546px;
}
38% {
height: 252.62196px;
top: -92.97765px;
}
39% {
height: 254.84282px;
top: -94.08808px;
}
40% {
height: 256.87797px;
top: -95.10565px;
}
41% {
height: 258.7254px;
top: -96.02937px;
}
42% {
height: 260.3833px;
top: -96.85832px;
}
43% {
height: 261.85002px;
top: -97.59168px;
}
44% {
height: 263.12412px;
top: -98.22873px;
}
45% {
height: 264.20433px;
top: -98.76883px;
}
46% {
height: 265.08961px;
top: -99.21147px;
}
47% {
height: 265.77906px;
top: -99.5562px;
}
48% {
height: 266.27201px;
top: -99.80267px;
}
49% {
height: 266.56798px;
top: -99.95066px;
}
50% {
height: 266.66667px;
top: -100px;
}
51% {
height: 266.56798px;
top: -99.95066px;
}
52% {
height: 266.27201px;
top: -99.80267px;
}
53% {
height: 265.77906px;
top: -99.5562px;
}
54% {
height: 265.08961px;
top: -99.21147px;
}
55% {
height: 264.20433px;
top: -98.76883px;
}
56% {
height: 263.12412px;
top: -98.22873px;
}
57% {
height: 261.85002px;
top: -97.59168px;
}
58% {
height: 260.3833px;
top: -96.85832px;
}
59% {
height: 258.7254px;
top: -96.02937px;
}
60% {
height: 256.87797px;
top: -95.10565px;
}
61% {
height: 254.84282px;
top: -94.08808px;
}
62% {
height: 252.62196px;
top: -92.97765px;
}
63% {
height: 250.21759px;
top: -91.77546px;
}
64% {
height: 247.63208px;
top: -90.48271px;
}
65% {
height: 244.86797px;
top: -89.10065px;
}
66% {
height: 241.928px;
top: -87.63067px;
}
67% {
height: 238.81507px;
top: -86.0742px;
}
68% {
height: 235.53225px;
top: -84.43279px;
}
69% {
height: 232.08278px;
top: -82.70806px;
}
70% {
height: 228.47007px;
top: -80.9017px;
}
71% {
height: 224.69767px;
top: -79.0155px;
}
72% {
height: 220.76932px;
top: -77.05132px;
}
73% {
height: 216.68888px;
top: -75.01111px;
}
74% {
height: 212.46039px;
top: -72.89686px;
}
75% {
height: 208.08802px;
top: -70.71068px;
}
76% {
height: 203.57609px;
top: -68.45471px;
}
77% {
height: 198.92904px;
top: -66.13119px;
}
78% {
height: 194.15146px;
top: -63.7424px;
}
79% {
height: 189.24808px;
top: -61.29071px;
}
80% {
height: 184.22372px;
top: -58.77853px;
}
81% {
height: 179.08334px;
top: -56.20834px;
}
82% {
height: 173.83203px;
top: -53.58268px;
}
83% {
height: 168.47495px;
top: -50.90414px;
}
84% {
height: 163.0174px;
top: -48.17537px;
}
85% {
height: 157.46477px;
top: -45.39905px;
}
86% {
height: 151.82252px;
top: -42.57793px;
}
87% {
height: 146.09624px;
top: -39.71479px;
}
88% {
height: 140.29158px;
top: -36.81246px;
}
89% {
height: 134.41425px;
top: -33.87379px;
}
90% {
height: 128.47007px;
top: -30.9017px;
}
91% {
height: 122.46489px;
top: -27.89911px;
}
92% {
height: 116.40464px;
top: -24.86899px;
}
93% {
height: 110.29531px;
top: -21.81432px;
}
94% {
height: 104.14293px;
top: -18.73813px;
}
95% {
height: 97.95356px;
top: -15.64345px;
}
96% {
height: 91.73331px;
top: -12.53332px;
}
97% {
height: 85.48833px;
top: -9.41083px;
}
98% {
height: 79.22477px;
top: -6.27905px;
}
99% {
height: 72.94882px;
top: -3.14108px;
}
100% {
height: 66.66667px;
top: 0.0px;
}
}
@keyframes width {
}
@keyframes backgroundColor {
0% {
background-color: #ff3333;
}
1% {
background-color: #ff5933;
}
2% {
background-color: #ff8033;
}
3% {
background-color: #ffa633;
}
4% {
background-color: #ffcc33;
}
5% {
background-color: #fff233;
}
6% {
background-color: #e6ff33;
}
7% {
background-color: #c0ff33;
}
8% {
background-color: #9bff33;
}
9% {
background-color: #76ff33;
}
10% {
background-color: #51ff33;
}
11% {
background-color: #33ff3a;
}
12% {
background-color: #33ff5e;
}
13% {
background-color: #33ff81;
}
14% {
background-color: #33ffa4;
}
15% {
background-color: #33ffc7;
}
16% {
background-color: #33ffe9;
}
17% {
background-color: #33f4ff;
}
18% {
background-color: #33d3ff;
}
19% {
background-color: #33b3ff;
}
20% {
background-color: #3394ff;
}
21% {
background-color: #3375ff;
}
22% {
background-color: #3357ff;
}
23% {
background-color: #333aff;
}
24% {
background-color: #4933ff;
}
25% {
background-color: #6433ff;
}
26% {
background-color: #7f33ff;
}
27% {
background-color: #9933ff;
}
28% {
background-color: #b233ff;
}
29% {
background-color: #ca33ff;
}
30% {
background-color: #e133ff;
}
31% {
background-color: #f733ff;
}
32% {
background-color: #ff33f2;
}
33% {
background-color: #ff33dd;
}
34% {
background-color: #ff33ca;
}
35% {
background-color: #ff33b8;
}
36% {
background-color: #ff33a7;
}
37% {
background-color: #ff3398;
}
38% {
background-color: #ff3389;
}
39% {
background-color: #ff337b;
}
40% {
background-color: #ff336f;
}
41% {
background-color: #ff3364;
}
42% {
background-color: #ff3359;
}
43% {
background-color: #ff3350;
}
44% {
background-color: #ff3349;
}
45% {
background-color: #ff3342;
}
46% {
background-color: #ff333d;
}
47% {
background-color: #ff3338;
}
48% {
background-color: #ff3335;
}
49% {
background-color: #ff3334;
}
50% {
background-color: #ff3333;
}
51% {
background-color: #ff3334;
}
52% {
background-color: #ff3335;
}
53% {
background-color: #ff3338;
}
54% {
background-color: #ff333d;
}
55% {
background-color: #ff3342;
}
56% {
background-color: #ff3349;
}
57% {
background-color: #ff3350;
}
58% {
background-color: #ff3359;
}
59% {
background-color: #ff3364;
}
60% {
background-color: #ff336f;
}
61% {
background-color: #ff337b;
}
62% {
background-color: #ff3389;
}
63% {
background-color: #ff3398;
}
64% {
background-color: #ff33a7;
}
65% {
background-color: #ff33b8;
}
66% {
background-color: #ff33ca;
}
67% {
background-color: #ff33dd;
}
68% {
background-color: #ff33f2;
}
69% {
background-color: #f733ff;
}
70% {
background-color: #e133ff;
}
71% {
background-color: #ca33ff;
}
72% {
background-color: #b233ff;
}
73% {
background-color: #9933ff;
}
74% {
background-color: #7f33ff;
}
75% {
background-color: #6433ff;
}
76% {
background-color: #4933ff;
}
77% {
background-color: #333aff;
}
78% {
background-color: #3357ff;
}
79% {
background-color: #3375ff;
}
80% {
background-color: #3394ff;
}
81% {
background-color: #33b3ff;
}
82% {
background-color: #33d3ff;
}
83% {
background-color: #33f4ff;
}
84% {
background-color: #33ffe9;
}
85% {
background-color: #33ffc7;
}
86% {
background-color: #33ffa4;
}
87% {
background-color: #33ff81;
}
88% {
background-color: #33ff5e;
}
89% {
background-color: #33ff3a;
}
90% {
background-color: #51ff33;
}
91% {
background-color: #76ff33;
}
92% {
background-color: #9bff33;
}
93% {
background-color: #c0ff33;
}
94% {
background-color: #e6ff33;
}
95% {
background-color: #fff233;
}
96% {
background-color: #ffcc33;
}
97% {
background-color: #ffa633;
}
98% {
background-color: #ff8033;
}
99% {
background-color: #ff5933;
}
100% {
background-color: #ff3333;
}
}
@keyframes opacity {
0% {
opacity: 0.1;
}
1% {
opacity: 0.10314;
}
2% {
opacity: 0.10628;
}
3% {
opacity: 0.10941;
}
4% {
opacity: 0.11253;
}
5% {
opacity: 0.11564;
}
6% {
opacity: 0.11874;
}
7% {
opacity: 0.12181;
}
8% {
opacity: 0.12487;
}
9% {
opacity: 0.1279;
}
10% {
opacity: 0.1309;
}
11% {
opacity: 0.13387;
}
12% {
opacity: 0.13681;
}
13% {
opacity: 0.13971;
}
14% {
opacity: 0.14258;
}
15% {
opacity: 0.1454;
}
16% {
opacity: 0.14818;
}
17% {
opacity: 0.1509;
}
18% {
opacity: 0.15358;
}
19% {
opacity: 0.15621;
}
20% {
opacity: 0.15878;
}
21% {
opacity: 0.16129;
}
22% {
opacity: 0.16374;
}
23% {
opacity: 0.16613;
}
24% {
opacity: 0.16845;
}
25% {
opacity: 0.17071;
}
26% {
opacity: 0.1729;
}
27% {
opacity: 0.17501;
}
28% {
opacity: 0.17705;
}
29% {
opacity: 0.17902;
}
30% {
opacity: 0.1809;
}
31% {
opacity: 0.18271;
}
32% {
opacity: 0.18443;
}
33% {
opacity: 0.18607;
}
34% {
opacity: 0.18763;
}
35% {
opacity: 0.1891;
}
36% {
opacity: 0.19048;
}
37% {
opacity: 0.19178;
}
38% {
opacity: 0.19298;
}
39% {
opacity: 0.19409;
}
40% {
opacity: 0.19511;
}
41% {
opacity: 0.19603;
}
42% {
opacity: 0.19686;
}
43% {
opacity: 0.19759;
}
44% {
opacity: 0.19823;
}
45% {
opacity: 0.19877;
}
46% {
opacity: 0.19921;
}
47% {
opacity: 0.19956;
}
48% {
opacity: 0.1998;
}
49% {
opacity: 0.19995;
}
50% {
opacity: 0.2;
}
51% {
opacity: 0.19995;
}
52% {
opacity: 0.1998;
}
53% {
opacity: 0.19956;
}
54% {
opacity: 0.19921;
}
55% {
opacity: 0.19877;
}
56% {
opacity: 0.19823;
}
57% {
opacity: 0.19759;
}
58% {
opacity: 0.19686;
}
59% {
opacity: 0.19603;
}
60% {
opacity: 0.19511;
}
61% {
opacity: 0.19409;
}
62% {
opacity: 0.19298;
}
63% {
opacity: 0.19178;
}
64% {
opacity: 0.19048;
}
65% {
opacity: 0.1891;
}
66% {
opacity: 0.18763;
}
67% {
opacity: 0.18607;
}
68% {
opacity: 0.18443;
}
69% {
opacity: 0.18271;
}
70% {
opacity: 0.1809;
}
71% {
opacity: 0.17902;
}
72% {
opacity: 0.17705;
}
73% {
opacity: 0.17501;
}
74% {
opacity: 0.1729;
}
75% {
opacity: 0.17071;
}
76% {
opacity: 0.16845;
}
77% {
opacity: 0.16613;
}
78% {
opacity: 0.16374;
}
79% {
opacity: 0.16129;
}
80% {
opacity: 0.15878;
}
81% {
opacity: 0.15621;
}
82% {
opacity: 0.15358;
}
83% {
opacity: 0.1509;
}
84% {
opacity: 0.14818;
}
85% {
opacity: 0.1454;
}
86% {
opacity: 0.14258;
}
87% {
opacity: 0.13971;
}
88% {
opacity: 0.13681;
}
89% {
opacity: 0.13387;
}
90% {
opacity: 0.1309;
}
91% {
opacity: 0.1279;
}
92% {
opacity: 0.12487;
}
93% {
opacity: 0.12181;
}
94% {
opacity: 0.11874;
}
95% {
opacity: 0.11564;
}
96% {
opacity: 0.11253;
}
97% {
opacity: 0.10941;
}
98% {
opacity: 0.10628;
}
99% {
opacity: 0.10314;
}
100% {
opacity: 0.1;
}
}
@keyframes borderTopWidth {
0% {
border-top-width: 200px;
}
1% {
border-top-width: 199.90131px;
}
2% {
border-top-width: 199.60535px;
}
3% {
border-top-width: 199.11239px;
}
4% {
border-top-width: 198.42294px;
}
5% {
border-top-width: 197.53767px;
}
6% {
border-top-width: 196.45745px;
}
7% {
border-top-width: 195.18335px;
}
8% {
border-top-width: 193.71663px;
}
9% {
border-top-width: 192.05874px;
}
10% {
border-top-width: 190.2113px;
}
11% {
border-top-width: 188.17615px;
}
12% {
border-top-width: 185.9553px;
}
13% {
border-top-width: 183.55093px;
}
14% {
border-top-width: 180.96541px;
}
15% {
border-top-width: 178.2013px;
}
16% {
border-top-width: 175.26134px;
}
17% {
border-top-width: 172.14841px;
}
18% {
border-top-width: 168.86559px;
}
19% {
border-top-width: 165.41611px;
}
20% {
border-top-width: 161.8034px;
}
21% {
border-top-width: 158.031px;
}
22% {
border-top-width: 154.10265px;
}
23% {
border-top-width: 150.02221px;
}
24% {
border-top-width: 145.79373px;
}
25% {
border-top-width: 141.42136px;
}
26% {
border-top-width: 136.90942px;
}
27% {
border-top-width: 132.26237px;
}
28% {
border-top-width: 127.4848px;
}
29% {
border-top-width: 122.58141px;
}
30% {
border-top-width: 117.55705px;
}
31% {
border-top-width: 112.41668px;
}
32% {
border-top-width: 107.16536px;
}
33% {
border-top-width: 101.80828px;
}
34% {
border-top-width: 96.35073px;
}
35% {
border-top-width: 90.7981px;
}
36% {
border-top-width: 85.15586px;
}
37% {
border-top-width: 79.42958px;
}
38% {
border-top-width: 73.62491px;
}
39% {
border-top-width: 67.74758px;
}
40% {
border-top-width: 61.8034px;
}
41% {
border-top-width: 55.79822px;
}
42% {
border-top-width: 49.73798px;
}
43% {
border-top-width: 43.62865px;
}
44% {
border-top-width: 37.47626px;
}
45% {
border-top-width: 31.28689px;
}
46% {
border-top-width: 25.06665px;
}
47% {
border-top-width: 18.82166px;
}
48% {
border-top-width: 12.5581px;
}
49% {
border-top-width: 6.28215px;
}
50% {
border-top-width: 0.0px;
}
51% {
border-top-width: 6.28215px;
}
52% {
border-top-width: 12.5581px;
}
53% {
border-top-width: 18.82166px;
}
54% {
border-top-width: 25.06665px;
}
55% {
border-top-width: 31.28689px;
}
56% {
border-top-width: 37.47626px;
}
57% {
border-top-width: 43.62865px;
}
58% {
border-top-width: 49.73798px;
}
59% {
border-top-width: 55.79822px;
}
60% {
border-top-width: 61.8034px;
}
61% {
border-top-width: 67.74758px;
}
62% {
border-top-width: 73.62491px;
}
63% {
border-top-width: 79.42958px;
}
64% {
border-top-width: 85.15586px;
}
65% {
border-top-width: 90.7981px;
}
66% {
border-top-width: 96.35073px;
}
67% {
border-top-width: 101.80828px;
}
68% {
border-top-width: 107.16536px;
}
69% {
border-top-width: 112.41668px;
}
70% {
border-top-width: 117.55705px;
}
71% {
border-top-width: 122.58141px;
}
72% {
border-top-width: 127.4848px;
}
73% {
border-top-width: 132.26237px;
}
74% {
border-top-width: 136.90942px;
}
75% {
border-top-width: 141.42136px;
}
76% {
border-top-width: 145.79373px;
}
77% {
border-top-width: 150.02221px;
}
78% {
border-top-width: 154.10265px;
}
79% {
border-top-width: 158.031px;
}
80% {
border-top-width: 161.8034px;
}
81% {
border-top-width: 165.41611px;
}
82% {
border-top-width: 168.86559px;
}
83% {
border-top-width: 172.14841px;
}
84% {
border-top-width: 175.26134px;
}
85% {
border-top-width: 178.2013px;
}
86% {
border-top-width: 180.96541px;
}
87% {
border-top-width: 183.55093px;
}
88% {
border-top-width: 185.9553px;
}
89% {
border-top-width: 188.17615px;
}
90% {
border-top-width: 190.2113px;
}
91% {
border-top-width: 192.05874px;
}
92% {
border-top-width: 193.71663px;
}
93% {
border-top-width: 195.18335px;
}
94% {
border-top-width: 196.45745px;
}
95% {
border-top-width: 197.53767px;
}
96% {
border-top-width: 198.42294px;
}
97% {
border-top-width: 199.11239px;
}
98% {
border-top-width: 199.60535px;
}
99% {
border-top-width: 199.90131px;
}
100% {
border-top-width: 200px;
}
}
@keyframes borderRightWidth {
0% {
border-right-width: 200px;
}
1% {
border-right-width: 199.90131px;
}
2% {
border-right-width: 199.60535px;
}
3% {
border-right-width: 199.11239px;
}
4% {
border-right-width: 198.42294px;
}
5% {
border-right-width: 197.53767px;
}
6% {
border-right-width: 196.45745px;
}
7% {
border-right-width: 195.18335px;
}
8% {
border-right-width: 193.71663px;
}
9% {
border-right-width: 192.05874px;
}
10% {
border-right-width: 190.2113px;
}
11% {
border-right-width: 188.17615px;
}
12% {
border-right-width: 185.9553px;
}
13% {
border-right-width: 183.55093px;
}
14% {
border-right-width: 180.96541px;
}
15% {
border-right-width: 178.2013px;
}
16% {
border-right-width: 175.26134px;
}
17% {
border-right-width: 172.14841px;
}
18% {
border-right-width: 168.86559px;
}
19% {
border-right-width: 165.41611px;
}
20% {
border-right-width: 161.8034px;
}
21% {
border-right-width: 158.031px;
}
22% {
border-right-width: 154.10265px;
}
23% {
border-right-width: 150.02221px;
}
24% {
border-right-width: 145.79373px;
}
25% {
border-right-width: 141.42136px;
}
26% {
border-right-width: 136.90942px;
}
27% {
border-right-width: 132.26237px;
}
28% {
border-right-width: 127.4848px;
}
29% {
border-right-width: 122.58141px;
}
30% {
border-right-width: 117.55705px;
}
31% {
border-right-width: 112.41668px;
}
32% {
border-right-width: 107.16536px;
}
33% {
border-right-width: 101.80828px;
}
34% {
border-right-width: 96.35073px;
}
35% {
border-right-width: 90.7981px;
}
36% {
border-right-width: 85.15586px;
}
37% {
border-right-width: 79.42958px;
}
38% {
border-right-width: 73.62491px;
}
39% {
border-right-width: 67.74758px;
}
40% {
border-right-width: 61.8034px;
}
41% {
border-right-width: 55.79822px;
}
42% {
border-right-width: 49.73798px;
}
43% {
border-right-width: 43.62865px;
}
44% {
border-right-width: 37.47626px;
}
45% {
border-right-width: 31.28689px;
}
46% {
border-right-width: 25.06665px;
}
47% {
border-right-width: 18.82166px;
}
48% {
border-right-width: 12.5581px;
}
49% {
border-right-width: 6.28215px;
}
50% {
border-right-width: 0.0px;
}
51% {
border-right-width: 6.28215px;
}
52% {
border-right-width: 12.5581px;
}
53% {
border-right-width: 18.82166px;
}
54% {
border-right-width: 25.06665px;
}
55% {
border-right-width: 31.28689px;
}
56% {
border-right-width: 37.47626px;
}
57% {
border-right-width: 43.62865px;
}
58% {
border-right-width: 49.73798px;
}
59% {
border-right-width: 55.79822px;
}
60% {
border-right-width: 61.8034px;
}
61% {
border-right-width: 67.74758px;
}
62% {
border-right-width: 73.62491px;
}
63% {
border-right-width: 79.42958px;
}
64% {
border-right-width: 85.15586px;
}
65% {
border-right-width: 90.7981px;
}
66% {
border-right-width: 96.35073px;
}
67% {
border-right-width: 101.80828px;
}
68% {
border-right-width: 107.16536px;
}
69% {
border-right-width: 112.41668px;
}
70% {
border-right-width: 117.55705px;
}
71% {
border-right-width: 122.58141px;
}
72% {
border-right-width: 127.4848px;
}
73% {
border-right-width: 132.26237px;
}
74% {
border-right-width: 136.90942px;
}
75% {
border-right-width: 141.42136px;
}
76% {
border-right-width: 145.79373px;
}
77% {
border-right-width: 150.02221px;
}
78% {
border-right-width: 154.10265px;
}
79% {
border-right-width: 158.031px;
}
80% {
border-right-width: 161.8034px;
}
81% {
border-right-width: 165.41611px;
}
82% {
border-right-width: 168.86559px;
}
83% {
border-right-width: 172.14841px;
}
84% {
border-right-width: 175.26134px;
}
85% {
border-right-width: 178.2013px;
}
86% {
border-right-width: 180.96541px;
}
87% {
border-right-width: 183.55093px;
}
88% {
border-right-width: 185.9553px;
}
89% {
border-right-width: 188.17615px;
}
90% {
border-right-width: 190.2113px;
}
91% {
border-right-width: 192.05874px;
}
92% {
border-right-width: 193.71663px;
}
93% {
border-right-width: 195.18335px;
}
94% {
border-right-width: 196.45745px;
}
95% {
border-right-width: 197.53767px;
}
96% {
border-right-width: 198.42294px;
}
97% {
border-right-width: 199.11239px;
}
98% {
border-right-width: 199.60535px;
}
99% {
border-right-width: 199.90131px;
}
100% {
border-right-width: 200px;
}
}
@keyframes borderBottomWidth {
0% {
border-right-width: 200px;
}
1% {
border-right-width: 199.90131px;
}
2% {
border-right-width: 199.60535px;
}
3% {
border-right-width: 199.11239px;
}
4% {
border-right-width: 198.42294px;
}
5% {
border-right-width: 197.53767px;
}
6% {
border-right-width: 196.45745px;
}
7% {
border-right-width: 195.18335px;
}
8% {
border-right-width: 193.71663px;
}
9% {
border-right-width: 192.05874px;
}
10% {
border-right-width: 190.2113px;
}
11% {
border-right-width: 188.17615px;
}
12% {
border-right-width: 185.9553px;
}
13% {
border-right-width: 183.55093px;
}
14% {
border-right-width: 180.96541px;
}
15% {
border-right-width: 178.2013px;
}
16% {
border-right-width: 175.26134px;
}
17% {
border-right-width: 172.14841px;
}
18% {
border-right-width: 168.86559px;
}
19% {
border-right-width: 165.41611px;
}
20% {
border-right-width: 161.8034px;
}
21% {
border-right-width: 158.031px;
}
22% {
border-right-width: 154.10265px;
}
23% {
border-right-width: 150.02221px;
}
24% {
border-right-width: 145.79373px;
}
25% {
border-right-width: 141.42136px;
}
26% {
border-right-width: 136.90942px;
}
27% {
border-right-width: 132.26237px;
}
28% {
border-right-width: 127.4848px;
}
29% {
border-right-width: 122.58141px;
}
30% {
border-right-width: 117.55705px;
}
31% {
border-right-width: 112.41668px;
}
32% {
border-right-width: 107.16536px;
}
33% {
border-right-width: 101.80828px;
}
34% {
border-right-width: 96.35073px;
}
35% {
border-right-width: 90.7981px;
}
36% {
border-right-width: 85.15586px;
}
37% {
border-right-width: 79.42958px;
}
38% {
border-right-width: 73.62491px;
}
39% {
border-right-width: 67.74758px;
}
40% {
border-right-width: 61.8034px;
}
41% {
border-right-width: 55.79822px;
}
42% {
border-right-width: 49.73798px;
}
43% {
border-right-width: 43.62865px;
}
44% {
border-right-width: 37.47626px;
}
45% {
border-right-width: 31.28689px;
}
46% {
border-right-width: 25.06665px;
}
47% {
border-right-width: 18.82166px;
}
48% {
border-right-width: 12.5581px;
}
49% {
border-right-width: 6.28215px;
}
50% {
border-right-width: 0.0px;
}
51% {
border-right-width: 6.28215px;
}
52% {
border-right-width: 12.5581px;
}
53% {
border-right-width: 18.82166px;
}
54% {
border-right-width: 25.06665px;
}
55% {
border-right-width: 31.28689px;
}
56% {
border-right-width: 37.47626px;
}
57% {
border-right-width: 43.62865px;
}
58% {
border-right-width: 49.73798px;
}
59% {
border-right-width: 55.79822px;
}
60% {
border-right-width: 61.8034px;
}
61% {
border-right-width: 67.74758px;
}
62% {
border-right-width: 73.62491px;
}
63% {
border-right-width: 79.42958px;
}
64% {
border-right-width: 85.15586px;
}
65% {
border-right-width: 90.7981px;
}
66% {
border-right-width: 96.35073px;
}
67% {
border-right-width: 101.80828px;
}
68% {
border-right-width: 107.16536px;
}
69% {
border-right-width: 112.41668px;
}
70% {
border-right-width: 117.55705px;
}
71% {
border-right-width: 122.58141px;
}
72% {
border-right-width: 127.4848px;
}
73% {
border-right-width: 132.26237px;
}
74% {
border-right-width: 136.90942px;
}
75% {
border-right-width: 141.42136px;
}
76% {
border-right-width: 145.79373px;
}
77% {
border-right-width: 150.02221px;
}
78% {
border-right-width: 154.10265px;
}
79% {
border-right-width: 158.031px;
}
80% {
border-right-width: 161.8034px;
}
81% {
border-right-width: 165.41611px;
}
82% {
border-right-width: 168.86559px;
}
83% {
border-right-width: 172.14841px;
}
84% {
border-right-width: 175.26134px;
}
85% {
border-right-width: 178.2013px;
}
86% {
border-right-width: 180.96541px;
}
87% {
border-right-width: 183.55093px;
}
88% {
border-right-width: 185.9553px;
}
89% {
border-right-width: 188.17615px;
}
90% {
border-right-width: 190.2113px;
}
91% {
border-right-width: 192.05874px;
}
92% {
border-right-width: 193.71663px;
}
93% {
border-right-width: 195.18335px;
}
94% {
border-right-width: 196.45745px;
}
95% {
border-right-width: 197.53767px;
}
96% {
border-right-width: 198.42294px;
}
97% {
border-right-width: 199.11239px;
}
98% {
border-right-width: 199.60535px;
}
99% {
border-right-width: 199.90131px;
}
100% {
border-right-width: 200px;
}
}
@keyframes borderLeftWidth {
0% {
border-right-width: 200px;
}
1% {
border-right-width: 199.90131px;
}
2% {
border-right-width: 199.60535px;
}
3% {
border-right-width: 199.11239px;
}
4% {
border-right-width: 198.42294px;
}
5% {
border-right-width: 197.53767px;
}
6% {
border-right-width: 196.45745px;
}
7% {
border-right-width: 195.18335px;
}
8% {
border-right-width: 193.71663px;
}
9% {
border-right-width: 192.05874px;
}
10% {
border-right-width: 190.2113px;
}
11% {
border-right-width: 188.17615px;
}
12% {
border-right-width: 185.9553px;
}
13% {
border-right-width: 183.55093px;
}
14% {
border-right-width: 180.96541px;
}
15% {
border-right-width: 178.2013px;
}
16% {
border-right-width: 175.26134px;
}
17% {
border-right-width: 172.14841px;
}
18% {
border-right-width: 168.86559px;
}
19% {
border-right-width: 165.41611px;
}
20% {
border-right-width: 161.8034px;
}
21% {
border-right-width: 158.031px;
}
22% {
border-right-width: 154.10265px;
}
23% {
border-right-width: 150.02221px;
}
24% {
border-right-width: 145.79373px;
}
25% {
border-right-width: 141.42136px;
}
26% {
border-right-width: 136.90942px;
}
27% {
border-right-width: 132.26237px;
}
28% {
border-right-width: 127.4848px;
}
29% {
border-right-width: 122.58141px;
}
30% {
border-right-width: 117.55705px;
}
31% {
border-right-width: 112.41668px;
}
32% {
border-right-width: 107.16536px;
}
33% {
border-right-width: 101.80828px;
}
34% {
border-right-width: 96.35073px;
}
35% {
border-right-width: 90.7981px;
}
36% {
border-right-width: 85.15586px;
}
37% {
border-right-width: 79.42958px;
}
38% {
border-right-width: 73.62491px;
}
39% {
border-right-width: 67.74758px;
}
40% {
border-right-width: 61.8034px;
}
41% {
border-right-width: 55.79822px;
}
42% {
border-right-width: 49.73798px;
}
43% {
border-right-width: 43.62865px;
}
44% {
border-right-width: 37.47626px;
}
45% {
border-right-width: 31.28689px;
}
46% {
border-right-width: 25.06665px;
}
47% {
border-right-width: 18.82166px;
}
48% {
border-right-width: 12.5581px;
}
49% {
border-right-width: 6.28215px;
}
50% {
border-right-width: 0.0px;
}
51% {
border-right-width: 6.28215px;
}
52% {
border-right-width: 12.5581px;
}
53% {
border-right-width: 18.82166px;
}
54% {
border-right-width: 25.06665px;
}
55% {
border-right-width: 31.28689px;
}
56% {
border-right-width: 37.47626px;
}
57% {
border-right-width: 43.62865px;
}
58% {
border-right-width: 49.73798px;
}
59% {
border-right-width: 55.79822px;
}
60% {
border-right-width: 61.8034px;
}
61% {
border-right-width: 67.74758px;
}
62% {
border-right-width: 73.62491px;
}
63% {
border-right-width: 79.42958px;
}
64% {
border-right-width: 85.15586px;
}
65% {
border-right-width: 90.7981px;
}
66% {
border-right-width: 96.35073px;
}
67% {
border-right-width: 101.80828px;
}
68% {
border-right-width: 107.16536px;
}
69% {
border-right-width: 112.41668px;
}
70% {
border-right-width: 117.55705px;
}
71% {
border-right-width: 122.58141px;
}
72% {
border-right-width: 127.4848px;
}
73% {
border-right-width: 132.26237px;
}
74% {
border-right-width: 136.90942px;
}
75% {
border-right-width: 141.42136px;
}
76% {
border-right-width: 145.79373px;
}
77% {
border-right-width: 150.02221px;
}
78% {
border-right-width: 154.10265px;
}
79% {
border-right-width: 158.031px;
}
80% {
border-right-width: 161.8034px;
}
81% {
border-right-width: 165.41611px;
}
82% {
border-right-width: 168.86559px;
}
83% {
border-right-width: 172.14841px;
}
84% {
border-right-width: 175.26134px;
}
85% {
border-right-width: 178.2013px;
}
86% {
border-right-width: 180.96541px;
}
87% {
border-right-width: 183.55093px;
}
88% {
border-right-width: 185.9553px;
}
89% {
border-right-width: 188.17615px;
}
90% {
border-right-width: 190.2113px;
}
91% {
border-right-width: 192.05874px;
}
92% {
border-right-width: 193.71663px;
}
93% {
border-right-width: 195.18335px;
}
94% {
border-right-width: 196.45745px;
}
95% {
border-right-width: 197.53767px;
}
96% {
border-right-width: 198.42294px;
}
97% {
border-right-width: 199.11239px;
}
98% {
border-right-width: 199.60535px;
}
99% {
border-right-width: 199.90131px;
}
100% {
border-right-width: 200px;
}
}
@keyframes transform {
0% {
transform: rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateY(0px) translateZ(0px) translateX(0px);
}
1% {
transform: rotateY(-11.30787deg) rotateX(-11.30787deg) rotateZ(11.30787deg) translateY(-1.57054px) translateZ(-1.57054px) translateX(-1.57054px);
}
2% {
transform: rotateY(-22.60459deg) rotateX(-22.60459deg) rotateZ(22.60459deg) translateY(-3.13953px) translateZ(-3.13953px) translateX(-3.13953px);
}
3% {
transform: rotateY(-33.87899deg) rotateX(-33.87899deg) rotateZ(33.87899deg) translateY(-4.70542px) translateZ(-4.70542px) translateX(-4.70542px);
}
4% {
transform: rotateY(-45.11996deg) rotateX(-45.11996deg) rotateZ(45.11996deg) translateY(-6.26666px) translateZ(-6.26666px) translateX(-6.26666px);
}
5% {
transform: rotateY(-56.31641deg) rotateX(-56.31641deg) rotateZ(56.31641deg) translateY(-7.82172px) translateZ(-7.82172px) translateX(-7.82172px);
}
6% {
transform: rotateY(-67.45727deg) rotateX(-67.45727deg) rotateZ(67.45727deg) translateY(-9.36907px) translateZ(-9.36907px) translateX(-9.36907px);
}
7% {
transform: rotateY(-78.53157deg) rotateX(-78.53157deg) rotateZ(78.53157deg) translateY(-10.90716px) translateZ(-10.90716px) translateX(-10.90716px);
}
8% {
transform: rotateY(-89.52836deg) rotateX(-89.52836deg) rotateZ(89.52836deg) translateY(-12.43449px) translateZ(-12.43449px) translateX(-12.43449px);
}
9% {
transform: rotateY(-100.4368deg) rotateX(-100.4368deg) rotateZ(100.4368deg) translateY(-13.94956px) translateZ(-13.94956px) translateX(-13.94956px);
}
10% {
transform: rotateY(-111.24612deg) rotateX(-111.24612deg) rotateZ(111.24612deg) translateY(-15.45085px) translateZ(-15.45085px) translateX(-15.45085px);
}
11% {
transform: rotateY(-121.94565deg) rotateX(-121.94565deg) rotateZ(121.94565deg) translateY(-16.9369px) translateZ(-16.9369px) translateX(-16.9369px);
}
12% {
transform: rotateY(-132.52484deg) rotateX(-132.52484deg) rotateZ(132.52484deg) translateY(-18.40623px) translateZ(-18.40623px) translateX(-18.40623px);
}
13% {
transform: rotateY(-142.97324deg) rotateX(-142.97324deg) rotateZ(142.97324deg) translateY(-19.85739px) translateZ(-19.85739px) translateX(-19.85739px);
}
14% {
transform: rotateY(-153.28054deg) rotateX(-153.28054deg) rotateZ(153.28054deg) translateY(-21.28896px) translateZ(-21.28896px) translateX(-21.28896px);
}
15% {
transform: rotateY(-163.43658deg) rotateX(-163.43658deg) rotateZ(163.43658deg) translateY(-22.69952px) translateZ(-22.69952px) translateX(-22.69952px);
}
16% {
transform: rotateY(-173.43132deg) rotateX(-173.43132deg) rotateZ(173.43132deg) translateY(-24.08768px) translateZ(-24.08768px) translateX(-24.08768px);
}
17% {
transform: rotateY(-183.25491deg) rotateX(-183.25491deg) rotateZ(183.25491deg) translateY(-25.45207px) translateZ(-25.45207px) translateX(-25.45207px);
}
18% {
transform: rotateY(-192.89765deg) rotateX(-192.89765deg) rotateZ(192.89765deg) translateY(-26.79134px) translateZ(-26.79134px) translateX(-26.79134px);
}
19% {
transform: rotateY(-202.35002deg) rotateX(-202.35002deg) rotateZ(202.35002deg) translateY(-28.10417px) translateZ(-28.10417px) translateX(-28.10417px);
}
20% {
transform: rotateY(-211.60269deg) rotateX(-211.60269deg) rotateZ(211.60269deg) translateY(-29.38926px) translateZ(-29.38926px) translateX(-29.38926px);
}
21% {
transform: rotateY(-220.64654deg) rotateX(-220.64654deg) rotateZ(220.64654deg) translateY(-30.64535px) translateZ(-30.64535px) translateX(-30.64535px);
}
22% {
transform: rotateY(-229.47264deg) rotateX(-229.47264deg) rotateZ(229.47264deg) translateY(-31.8712px) translateZ(-31.8712px) translateX(-31.8712px);
}
23% {
transform: rotateY(-238.07227deg) rotateX(-238.07227deg) rotateZ(238.07227deg) translateY(-33.06559px) translateZ(-33.06559px) translateX(-33.06559px);
}
24% {
transform: rotateY(-246.43696deg) rotateX(-246.43696deg) rotateZ(246.43696deg) translateY(-34.22736px) translateZ(-34.22736px) translateX(-34.22736px);
}
25% {
transform: rotateY(-254.55844deg) rotateX(-254.55844deg) rotateZ(254.55844deg) translateY(-35.35534px) translateZ(-35.35534px) translateX(-35.35534px);
}
26% {
transform: rotateY(-262.42871deg) rotateX(-262.42871deg) rotateZ(262.42871deg) translateY(-36.44843px) translateZ(-36.44843px) translateX(-36.44843px);
}
27% {
transform: rotateY(-270.03999deg) rotateX(-270.03999deg) rotateZ(270.03999deg) translateY(-37.50555px) translateZ(-37.50555px) translateX(-37.50555px);
}
28% {
transform: rotateY(-277.38477deg) rotateX(-277.38477deg) rotateZ(277.38477deg) translateY(-38.52566px) translateZ(-38.52566px) translateX(-38.52566px);
}
29% {
transform: rotateY(-284.4558deg) rotateX(-284.4558deg) rotateZ(284.4558deg) translateY(-39.50775px) translateZ(-39.50775px) translateX(-39.50775px);
}
30% {
transform: rotateY(-291.24612deg) rotateX(-291.24612deg) rotateZ(291.24612deg) translateY(-40.45085px) translateZ(-40.45085px) translateX(-40.45085px);
}
31% {
transform: rotateY(-297.74901deg) rotateX(-297.74901deg) rotateZ(297.74901deg) translateY(-41.35403px) translateZ(-41.35403px) translateX(-41.35403px);
}
32% {
transform: rotateY(-303.95805deg) rotateX(-303.95805deg) rotateZ(303.95805deg) translateY(-42.2164px) translateZ(-42.2164px) translateX(-42.2164px);
}
33% {
transform: rotateY(-309.86713deg) rotateX(-309.86713deg) rotateZ(309.86713deg) translateY(-43.0371px) translateZ(-43.0371px) translateX(-43.0371px);
}
34% {
transform: rotateY(-315.4704deg) rotateX(-315.4704deg) rotateZ(315.4704deg) translateY(-43.81533px) translateZ(-43.81533px) translateX(-43.81533px);
}
35% {
transform: rotateY(-320.76235deg) rotateX(-320.76235deg) rotateZ(320.76235deg) translateY(-44.55033px) translateZ(-44.55033px) translateX(-44.55033px);
}
36% {
transform: rotateY(-325.73774deg) rotateX(-325.73774deg) rotateZ(325.73774deg) translateY(-45.24135px) translateZ(-45.24135px) translateX(-45.24135px);
}
37% {
transform: rotateY(-330.39167deg) rotateX(-330.39167deg) rotateZ(330.39167deg) translateY(-45.88773px) translateZ(-45.88773px) translateX(-45.88773px);
}
38% {
transform: rotateY(-334.71953deg) rotateX(-334.71953deg) rotateZ(334.71953deg) translateY(-46.48882px) translateZ(-46.48882px) translateX(-46.48882px);
}
39% {
transform: rotateY(-338.71708deg) rotateX(-338.71708deg) rotateZ(338.71708deg) translateY(-47.04404px) translateZ(-47.04404px) translateX(-47.04404px);
}
40% {
transform: rotateY(-342.38035deg) rotateX(-342.38035deg) rotateZ(342.38035deg) translateY(-47.55283px) translateZ(-47.55283px) translateX(-47.55283px);
}
41% {
transform: rotateY(-345.70573deg) rotateX(-345.70573deg) rotateZ(345.70573deg) translateY(-48.01468px) translateZ(-48.01468px) translateX(-48.01468px);
}
42% {
transform: rotateY(-348.68994deg) rotateX(-348.68994deg) rotateZ(348.68994deg) translateY(-48.42916px) translateZ(-48.42916px) translateX(-48.42916px);
}
43% {
transform: rotateY(-351.33003deg) rotateX(-351.33003deg) rotateZ(351.33003deg) translateY(-48.79584px) translateZ(-48.79584px) translateX(-48.79584px);
}
44% {
transform: rotateY(-353.62341deg) rotateX(-353.62341deg) rotateZ(353.62341deg) translateY(-49.11436px) translateZ(-49.11436px) translateX(-49.11436px);
}
45% {
transform: rotateY(-355.5678deg) rotateX(-355.5678deg) rotateZ(355.5678deg) translateY(-49.38442px) translateZ(-49.38442px) translateX(-49.38442px);
}
46% {
transform: rotateY(-357.16129deg) rotateX(-357.16129deg) rotateZ(357.16129deg) translateY(-49.60574px) translateZ(-49.60574px) translateX(-49.60574px);
}
47% {
transform: rotateY(-358.40231deg) rotateX(-358.40231deg) rotateZ(358.40231deg) translateY(-49.7781px) translateZ(-49.7781px) translateX(-49.7781px);
}
48% {
transform: rotateY(-359.28962deg) rotateX(-359.28962deg) rotateZ(359.28962deg) translateY(-49.90134px) translateZ(-49.90134px) translateX(-49.90134px);
}
49% {
transform: rotateY(-359.82236deg) rotateX(-359.82236deg) rotateZ(359.82236deg) translateY(-49.97533px) translateZ(-49.97533px) translateX(-49.97533px);
}
50% {
transform: rotateY(-360deg) rotateX(-360deg) rotateZ(360deg) translateY(-50px) translateZ(-50px) translateX(-50px);
}
51% {
transform: rotateY(-359.82236deg) rotateX(-359.82236deg) rotateZ(359.82236deg) translateY(-49.97533px) translateZ(-49.97533px) translateX(-49.97533px);
}
52% {
transform: rotateY(-359.28962deg) rotateX(-359.28962deg) rotateZ(359.28962deg) translateY(-49.90134px) translateZ(-49.90134px) translateX(-49.90134px);
}
53% {
transform: rotateY(-358.40231deg) rotateX(-358.40231deg) rotateZ(358.40231deg) translateY(-49.7781px) translateZ(-49.7781px) translateX(-49.7781px);
}
54% {
transform: rotateY(-357.16129deg) rotateX(-357.16129deg) rotateZ(357.16129deg) translateY(-49.60574px) translateZ(-49.60574px) translateX(-49.60574px);
}
55% {
transform: rotateY(-355.5678deg) rotateX(-355.5678deg) rotateZ(355.5678deg) translateY(-49.38442px) translateZ(-49.38442px) translateX(-49.38442px);
}
56% {
transform: rotateY(-353.62341deg) rotateX(-353.62341deg) rotateZ(353.62341deg) translateY(-49.11436px) translateZ(-49.11436px) translateX(-49.11436px);
}
57% {
transform: rotateY(-351.33003deg) rotateX(-351.33003deg) rotateZ(351.33003deg) translateY(-48.79584px) translateZ(-48.79584px) translateX(-48.79584px);
}
58% {
transform: rotateY(-348.68994deg) rotateX(-348.68994deg) rotateZ(348.68994deg) translateY(-48.42916px) translateZ(-48.42916px) translateX(-48.42916px);
}
59% {
transform: rotateY(-345.70573deg) rotateX(-345.70573deg) rotateZ(345.70573deg) translateY(-48.01468px) translateZ(-48.01468px) translateX(-48.01468px);
}
60% {
transform: rotateY(-342.38035deg) rotateX(-342.38035deg) rotateZ(342.38035deg) translateY(-47.55283px) translateZ(-47.55283px) translateX(-47.55283px);
}
61% {
transform: rotateY(-338.71708deg) rotateX(-338.71708deg) rotateZ(338.71708deg) translateY(-47.04404px) translateZ(-47.04404px) translateX(-47.04404px);
}
62% {
transform: rotateY(-334.71953deg) rotateX(-334.71953deg) rotateZ(334.71953deg) translateY(-46.48882px) translateZ(-46.48882px) translateX(-46.48882px);
}
63% {
transform: rotateY(-330.39167deg) rotateX(-330.39167deg) rotateZ(330.39167deg) translateY(-45.88773px) translateZ(-45.88773px) translateX(-45.88773px);
}
64% {
transform: rotateY(-325.73774deg) rotateX(-325.73774deg) rotateZ(325.73774deg) translateY(-45.24135px) translateZ(-45.24135px) translateX(-45.24135px);
}
65% {
transform: rotateY(-320.76235deg) rotateX(-320.76235deg) rotateZ(320.76235deg) translateY(-44.55033px) translateZ(-44.55033px) translateX(-44.55033px);
}
66% {
transform: rotateY(-315.4704deg) rotateX(-315.4704deg) rotateZ(315.4704deg) translateY(-43.81533px) translateZ(-43.81533px) translateX(-43.81533px);
}
67% {
transform: rotateY(-309.86713deg) rotateX(-309.86713deg) rotateZ(309.86713deg) translateY(-43.0371px) translateZ(-43.0371px) translateX(-43.0371px);
}
68% {
transform: rotateY(-303.95805deg) rotateX(-303.95805deg) rotateZ(303.95805deg) translateY(-42.2164px) translateZ(-42.2164px) translateX(-42.2164px);
}
69% {
transform: rotateY(-297.74901deg) rotateX(-297.74901deg) rotateZ(297.74901deg) translateY(-41.35403px) translateZ(-41.35403px) translateX(-41.35403px);
}
70% {
transform: rotateY(-291.24612deg) rotateX(-291.24612deg) rotateZ(291.24612deg) translateY(-40.45085px) translateZ(-40.45085px) translateX(-40.45085px);
}
71% {
transform: rotateY(-284.4558deg) rotateX(-284.4558deg) rotateZ(284.4558deg) translateY(-39.50775px) translateZ(-39.50775px) translateX(-39.50775px);
}
72% {
transform: rotateY(-277.38477deg) rotateX(-277.38477deg) rotateZ(277.38477deg) translateY(-38.52566px) translateZ(-38.52566px) translateX(-38.52566px);
}
73% {
transform: rotateY(-270.03999deg) rotateX(-270.03999deg) rotateZ(270.03999deg) translateY(-37.50555px) translateZ(-37.50555px) translateX(-37.50555px);
}
74% {
transform: rotateY(-262.42871deg) rotateX(-262.42871deg) rotateZ(262.42871deg) translateY(-36.44843px) translateZ(-36.44843px) translateX(-36.44843px);
}
75% {
transform: rotateY(-254.55844deg) rotateX(-254.55844deg) rotateZ(254.55844deg) translateY(-35.35534px) translateZ(-35.35534px) translateX(-35.35534px);
}
76% {
transform: rotateY(-246.43696deg) rotateX(-246.43696deg) rotateZ(246.43696deg) translateY(-34.22736px) translateZ(-34.22736px) translateX(-34.22736px);
}
77% {
transform: rotateY(-238.07227deg) rotateX(-238.07227deg) rotateZ(238.07227deg) translateY(-33.06559px) translateZ(-33.06559px) translateX(-33.06559px);
}
78% {
transform: rotateY(-229.47264deg) rotateX(-229.47264deg) rotateZ(229.47264deg) translateY(-31.8712px) translateZ(-31.8712px) translateX(-31.8712px);
}
79% {
transform: rotateY(-220.64654deg) rotateX(-220.64654deg) rotateZ(220.64654deg) translateY(-30.64535px) translateZ(-30.64535px) translateX(-30.64535px);
}
80% {
transform: rotateY(-211.60269deg) rotateX(-211.60269deg) rotateZ(211.60269deg) translateY(-29.38926px) translateZ(-29.38926px) translateX(-29.38926px);
}
81% {
transform: rotateY(-202.35002deg) rotateX(-202.35002deg) rotateZ(202.35002deg) translateY(-28.10417px) translateZ(-28.10417px) translateX(-28.10417px);
}
82% {
transform: rotateY(-192.89765deg) rotateX(-192.89765deg) rotateZ(192.89765deg) translateY(-26.79134px) translateZ(-26.79134px) translateX(-26.79134px);
}
83% {
transform: rotateY(-183.25491deg) rotateX(-183.25491deg) rotateZ(183.25491deg) translateY(-25.45207px) translateZ(-25.45207px) translateX(-25.45207px);
}
84% {
transform: rotateY(-173.43132deg) rotateX(-173.43132deg) rotateZ(173.43132deg) translateY(-24.08768px) translateZ(-24.08768px) translateX(-24.08768px);
}
85% {
transform: rotateY(-163.43658deg) rotateX(-163.43658deg) rotateZ(163.43658deg) translateY(-22.69952px) translateZ(-22.69952px) translateX(-22.69952px);
}
86% {
transform: rotateY(-153.28054deg) rotateX(-153.28054deg) rotateZ(153.28054deg) translateY(-21.28896px) translateZ(-21.28896px) translateX(-21.28896px);
}
87% {
transform: rotateY(-142.97324deg) rotateX(-142.97324deg) rotateZ(142.97324deg) translateY(-19.85739px) translateZ(-19.85739px) translateX(-19.85739px);
}
88% {
transform: rotateY(-132.52484deg) rotateX(-132.52484deg) rotateZ(132.52484deg) translateY(-18.40623px) translateZ(-18.40623px) translateX(-18.40623px);
}
89% {
transform: rotateY(-121.94565deg) rotateX(-121.94565deg) rotateZ(121.94565deg) translateY(-16.9369px) translateZ(-16.9369px) translateX(-16.9369px);
}
90% {
transform: rotateY(-111.24612deg) rotateX(-111.24612deg) rotateZ(111.24612deg) translateY(-15.45085px) translateZ(-15.45085px) translateX(-15.45085px);
}
91% {
transform: rotateY(-100.4368deg) rotateX(-100.4368deg) rotateZ(100.4368deg) translateY(-13.94956px) translateZ(-13.94956px) translateX(-13.94956px);
}
92% {
transform: rotateY(-89.52836deg) rotateX(-89.52836deg) rotateZ(89.52836deg) translateY(-12.43449px) translateZ(-12.43449px) translateX(-12.43449px);
}
93% {
transform: rotateY(-78.53157deg) rotateX(-78.53157deg) rotateZ(78.53157deg) translateY(-10.90716px) translateZ(-10.90716px) translateX(-10.90716px);
}
94% {
transform: rotateY(-67.45727deg) rotateX(-67.45727deg) rotateZ(67.45727deg) translateY(-9.36907px) translateZ(-9.36907px) translateX(-9.36907px);
}
95% {
transform: rotateY(-56.31641deg) rotateX(-56.31641deg) rotateZ(56.31641deg) translateY(-7.82172px) translateZ(-7.82172px) translateX(-7.82172px);
}
96% {
transform: rotateY(-45.11996deg) rotateX(-45.11996deg) rotateZ(45.11996deg) translateY(-6.26666px) translateZ(-6.26666px) translateX(-6.26666px);
}
97% {
transform: rotateY(-33.87899deg) rotateX(-33.87899deg) rotateZ(33.87899deg) translateY(-4.70542px) translateZ(-4.70542px) translateX(-4.70542px);
}
98% {
transform: rotateY(-22.60459deg) rotateX(-22.60459deg) rotateZ(22.60459deg) translateY(-3.13953px) translateZ(-3.13953px) translateX(-3.13953px);
}
99% {
transform: rotateY(-11.30787deg) rotateX(-11.30787deg) rotateZ(11.30787deg) translateY(-1.57054px) translateZ(-1.57054px) translateX(-1.57054px);
}
100% {
transform: rotateY(0.0deg) rotateX(0.0deg) rotateZ(0.0deg) translateY(0.0px) translateZ(0.0px) translateX(0.0px);
}
}
.animationItem {
height: 200px;
width: 200px;
border-radius: 50%;
opacity: 0;
position: absolute;
-webkit-transform-style: preserve-3d;
-webkit-animation-play-state: running;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-transform-style: preserve-3d;
-moz-animation-play-state: running;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
transform-style: preserve-3d;
animation-play-state: running;
animation-timing-function: linear;
animation-iteration-count: infinite;
border: 0px solid transparent;
}
.animationItem:nth-child(1) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 50.48826s, 50.48826s, 151.46478s, 8.41471s, 16.82942s, 25.24413s, 33.65884s, 240s, 60s;
-webkit-animation-delay: 0.5403s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 50.48826s, 50.48826s, 151.46478s, 8.41471s, 16.82942s, 25.24413s, 33.65884s, 240s, 60s;
-moz-animation-delay: 0.5403s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 50.48826s, 50.48826s, 151.46478s, 8.41471s, 16.82942s, 25.24413s, 33.65884s, 240s, 60s;
animation-delay: 0.5403s;
left: 8px;
}
.animationItem:nth-child(2) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 54.55785s, 54.55785s, 163.67354s, 9.09297s, 18.18595s, 27.27892s, 36.3719s, 240s, 60s;
-webkit-animation-delay: 0.41615s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 54.55785s, 54.55785s, 163.67354s, 9.09297s, 18.18595s, 27.27892s, 36.3719s, 240s, 60s;
-moz-animation-delay: 0.41615s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 54.55785s, 54.55785s, 163.67354s, 9.09297s, 18.18595s, 27.27892s, 36.3719s, 240s, 60s;
animation-delay: 0.41615s;
left: 16px;
}
.animationItem:nth-child(3) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 8.4672s, 8.4672s, 25.4016s, 1.4112s, 2.8224s, 4.2336s, 5.6448s, 240s, 60s;
-webkit-animation-delay: 0.98999s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 8.4672s, 8.4672s, 25.4016s, 1.4112s, 2.8224s, 4.2336s, 5.6448s, 240s, 60s;
-moz-animation-delay: 0.98999s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 8.4672s, 8.4672s, 25.4016s, 1.4112s, 2.8224s, 4.2336s, 5.6448s, 240s, 60s;
animation-delay: 0.98999s;
left: 24px;
}
.animationItem:nth-child(4) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 45.40815s, 45.40815s, 136.22445s, 7.56802s, 15.13605s, 22.70407s, 30.2721s, 240s, 60s;
-webkit-animation-delay: 0.65364s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 45.40815s, 45.40815s, 136.22445s, 7.56802s, 15.13605s, 22.70407s, 30.2721s, 240s, 60s;
-moz-animation-delay: 0.65364s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 45.40815s, 45.40815s, 136.22445s, 7.56802s, 15.13605s, 22.70407s, 30.2721s, 240s, 60s;
animation-delay: 0.65364s;
left: 32px;
}
.animationItem:nth-child(5) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 57.53546s, 57.53546s, 172.60637s, 9.58924s, 19.17849s, 28.76773s, 38.35697s, 240s, 60s;
-webkit-animation-delay: 0.28366s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 57.53546s, 57.53546s, 172.60637s, 9.58924s, 19.17849s, 28.76773s, 38.35697s, 240s, 60s;
-moz-animation-delay: 0.28366s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 57.53546s, 57.53546s, 172.60637s, 9.58924s, 19.17849s, 28.76773s, 38.35697s, 240s, 60s;
animation-delay: 0.28366s;
left: 40px;
}
.animationItem:nth-child(6) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 16.76493s, 16.76493s, 50.29479s, 2.79415s, 5.58831s, 8.38246s, 11.17662s, 240s, 60s;
-webkit-animation-delay: 0.96017s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 16.76493s, 16.76493s, 50.29479s, 2.79415s, 5.58831s, 8.38246s, 11.17662s, 240s, 60s;
-moz-animation-delay: 0.96017s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 16.76493s, 16.76493s, 50.29479s, 2.79415s, 5.58831s, 8.38246s, 11.17662s, 240s, 60s;
animation-delay: 0.96017s;
left: 48px;
}
.animationItem:nth-child(7) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 39.4192s, 39.4192s, 118.25759s, 6.56987s, 13.13973s, 19.7096s, 26.27946s, 240s, 60s;
-webkit-animation-delay: 0.7539s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 39.4192s, 39.4192s, 118.25759s, 6.56987s, 13.13973s, 19.7096s, 26.27946s, 240s, 60s;
-moz-animation-delay: 0.7539s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 39.4192s, 39.4192s, 118.25759s, 6.56987s, 13.13973s, 19.7096s, 26.27946s, 240s, 60s;
animation-delay: 0.7539s;
left: 56px;
}
.animationItem:nth-child(8) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 59.36149s, 59.36149s, 178.08448s, 9.89358s, 19.78716s, 29.68075s, 39.57433s, 240s, 60s;
-webkit-animation-delay: 0.1455s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 59.36149s, 59.36149s, 178.08448s, 9.89358s, 19.78716s, 29.68075s, 39.57433s, 240s, 60s;
-moz-animation-delay: 0.1455s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 59.36149s, 59.36149s, 178.08448s, 9.89358s, 19.78716s, 29.68075s, 39.57433s, 240s, 60s;
animation-delay: 0.1455s;
left: 64px;
}
.animationItem:nth-child(9) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 24.72711s, 24.72711s, 74.18133s, 4.12118s, 8.24237s, 12.36355s, 16.48474s, 240s, 60s;
-webkit-animation-delay: 0.91113s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 24.72711s, 24.72711s, 74.18133s, 4.12118s, 8.24237s, 12.36355s, 16.48474s, 240s, 60s;
-moz-animation-delay: 0.91113s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 24.72711s, 24.72711s, 74.18133s, 4.12118s, 8.24237s, 12.36355s, 16.48474s, 240s, 60s;
animation-delay: 0.91113s;
left: 72px;
}
.animationItem:nth-child(10) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 32.64127s, 32.64127s, 97.9238s, 5.44021s, 10.88042s, 16.32063s, 21.76084s, 240s, 60s;
-webkit-animation-delay: 0.83907s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 32.64127s, 32.64127s, 97.9238s, 5.44021s, 10.88042s, 16.32063s, 21.76084s, 240s, 60s;
-moz-animation-delay: 0.83907s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 32.64127s, 32.64127s, 97.9238s, 5.44021s, 10.88042s, 16.32063s, 21.76084s, 240s, 60s;
animation-delay: 0.83907s;
left: 80px;
}
.animationItem:nth-child(11) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 59.99941s, 59.99941s, 179.99824s, 9.9999s, 19.9998s, 29.99971s, 39.99961s, 240s, 60s;
-webkit-animation-delay: 0.00443s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 59.99941s, 59.99941s, 179.99824s, 9.9999s, 19.9998s, 29.99971s, 39.99961s, 240s, 60s;
-moz-animation-delay: 0.00443s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 59.99941s, 59.99941s, 179.99824s, 9.9999s, 19.9998s, 29.99971s, 39.99961s, 240s, 60s;
animation-delay: 0.00443s;
left: 88px;
}
.animationItem:nth-child(12) {
-webkit-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-webkit-animation-duration: 32.19438s, 32.19438s, 96.58313s, 5.36573s, 10.73146s, 16.09719s, 21.46292s, 240s, 60s;
-webkit-animation-delay: 0.84385s;
-moz-animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
-moz-animation-duration: 32.19438s, 32.19438s, 96.58313s, 5.36573s, 10.73146s, 16.09719s, 21.46292s, 240s, 60s;
-moz-animation-delay: 0.84385s;
animation-name: height, width, transform, borderBottomWidth, borderLeftWidth, borderRightWidth, borderTopWidth, backgroundColor, opacity;
animation-duration: 32.19438s, 32.19438s, 96.58313s, 5.36573s, 10.73146s, 16.09719s, 21.46292s, 240s, 60s;
animation-delay: 0.84385s;
left: 96px;
}
.scene {
width: 216px;
height: 300px;
position: relative;
-webkit-perspective: 99999;
-webkit-transform-style: preserve-3d;
-moz-perspective: 99999;
-moz-transform-style: preserve-3d;
perspective: 99999;
transform-style: preserve-3d;
display: inline-block;
vertical-align: middle;
left: 8px;
}
.wrapper {
width: 100%;
height: 100%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
top: 130px;
}
.wrapper:nth-child(2) {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
}
html, body {
width: 100%;
height: 100%;
}
body {
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, #1c1c1c), color-stop(20%, #141414), color-stop(50%, #080808), color-stop(100%, #080808));
background: -webkit-radial-gradient(50% 50%, circle, #1c1c1c, #141414 20%, #080808 50%, #080808);
background: -moz-radial-gradient(50% 50%, circle, #1c1c1c, #141414 20%, #080808 50%, #080808);
background: -o-radial-gradient(50% 50%, circle, #1c1c1c, #141414 20%, #080808 50%, #080808);
background: radial-gradient(50% 50%, circle, #1c1c1c, #141414 20%, #080808 50%, #080808);
-webkit-filter: blur(0px);
text-align: center;
overflow: hidden;
}
body:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
*, *:after, *:before {
box-sizing: border-box;
}
.title {background-color:rgba(203,49,3,0.56); width:100%; position:fixed; top:0; left:0; font-size:12px; font-family:Verdana, Geneva, sans-serif; z-index:99999;}
.title a {color:#FFF; text-decoration:none; line-height:24px; padding:0 10px; letter-spacing: 1px;}
.title_r {float:right;}
.title_l {float:left;}
.title a:hover {background:#CB3103;}
</style>
</head>
<body>
<div class="title">
</div>
<div class="scene">
<div class="container">
<div class="wrapper">
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
</div>
<div class="wrapper">
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
<div class="animationItem"></div>
</div>
</div>
</div>
</body>
</html>