Team:Cologne-Duesseldorf/Testi
@-webkit-keyframes animation1 {
0% {
-webkit-transform: translate(732px, 355px);
transform: translate(732px, 355px);
}
4.55% {
-webkit-transform: translate(764px, 355px);
transform: translate(764px, 355px);
}
9.09% {
-webkit-transform: translate(796px, 328px);
transform: translate(796px, 328px);
}
13.64% {
-webkit-transform: translate(828px, 355px);
transform: translate(828px, 355px);
}
18.18% {
-webkit-transform: translate(860px, 328px);
transform: translate(860px, 328px);
}
22.73% {
-webkit-transform: translate(892px, 301px);
transform: translate(892px, 301px);
}
27.27% {
-webkit-transform: translate(924px, 274px);
transform: translate(924px, 274px);
}
31.82% {
-webkit-transform: translate(956px, 301px);
transform: translate(956px, 301px);
}
36.36% {
-webkit-transform: translate(988px, 274px);
transform: translate(988px, 274px);
}
40.91% {
-webkit-transform: translate(1020px, 301px);
transform: translate(1020px, 301px);
}
45.45% {
-webkit-transform: translate(1052px, 328px);
transform: translate(1052px, 328px);
}
50% {
-webkit-transform: translate(1084px, 301px);
transform: translate(1084px, 301px);
}
54.55% {
-webkit-transform: translate(1116px, 301px);
transform: translate(1116px, 301px);
}
59.09% {
-webkit-transform: translate(1148px, 301px);
transform: translate(1148px, 301px);
}
63.64% {
-webkit-transform: translate(1180px, 274px);
transform: translate(1180px, 274px);
}
68.18% {
-webkit-transform: translate(1212px, 274px);
transform: translate(1212px, 274px);
}
72.73% {
-webkit-transform: translate(1244px, 247px);
transform: translate(1244px, 247px);
}
77.27% {
-webkit-transform: translate(1276px, 274px);
transform: translate(1276px, 274px);
}
81.82% {
-webkit-transform: translate(1308px, 247px);
transform: translate(1308px, 247px);
}
86.36% {
-webkit-transform: translate(1340px, 274px);
transform: translate(1340px, 274px);
}
90.91% {
-webkit-transform: translate(1372px, 274px);
transform: translate(1372px, 274px);
}
95.45% {
-webkit-transform: translate(1404px, 301px);
transform: translate(1404px, 301px);
}
100% {
-webkit-transform: translate(1436px, 301px);
transform: translate(1436px, 301px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation1 {
0% {
-webkit-transform: translate(732px, 355px);
transform: translate(732px, 355px);
}
4.55% {
-webkit-transform: translate(764px, 355px);
transform: translate(764px, 355px);
}
9.09% {
-webkit-transform: translate(796px, 328px);
transform: translate(796px, 328px);
}
13.64% {
-webkit-transform: translate(828px, 355px);
transform: translate(828px, 355px);
}
18.18% {
-webkit-transform: translate(860px, 328px);
transform: translate(860px, 328px);
}
22.73% {
-webkit-transform: translate(892px, 301px);
transform: translate(892px, 301px);
}
27.27% {
-webkit-transform: translate(924px, 274px);
transform: translate(924px, 274px);
}
31.82% {
-webkit-transform: translate(956px, 301px);
transform: translate(956px, 301px);
}
36.36% {
-webkit-transform: translate(988px, 274px);
transform: translate(988px, 274px);
}
40.91% {
-webkit-transform: translate(1020px, 301px);
transform: translate(1020px, 301px);
}
45.45% {
-webkit-transform: translate(1052px, 328px);
transform: translate(1052px, 328px);
}
50% {
-webkit-transform: translate(1084px, 301px);
transform: translate(1084px, 301px);
}
54.55% {
-webkit-transform: translate(1116px, 301px);
transform: translate(1116px, 301px);
}
59.09% {
-webkit-transform: translate(1148px, 301px);
transform: translate(1148px, 301px);
}
63.64% {
-webkit-transform: translate(1180px, 274px);
transform: translate(1180px, 274px);
}
68.18% {
-webkit-transform: translate(1212px, 274px);
transform: translate(1212px, 274px);
}
72.73% {
-webkit-transform: translate(1244px, 247px);
transform: translate(1244px, 247px);
}
77.27% {
-webkit-transform: translate(1276px, 274px);
transform: translate(1276px, 274px);
}
81.82% {
-webkit-transform: translate(1308px, 247px);
transform: translate(1308px, 247px);
}
86.36% {
-webkit-transform: translate(1340px, 274px);
transform: translate(1340px, 274px);
}
90.91% {
-webkit-transform: translate(1372px, 274px);
transform: translate(1372px, 274px);
}
95.45% {
-webkit-transform: translate(1404px, 301px);
transform: translate(1404px, 301px);
}
100% {
-webkit-transform: translate(1436px, 301px);
transform: translate(1436px, 301px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation2 {
0% {
-webkit-transform: translate(540px, -23px);
transform: translate(540px, -23px);
}
4.55% {
-webkit-transform: translate(572px, 4px);
transform: translate(572px, 4px);
}
9.09% {
-webkit-transform: translate(604px, 31px);
transform: translate(604px, 31px);
}
13.64% {
-webkit-transform: translate(636px, 4px);
transform: translate(636px, 4px);
}
18.18% {
-webkit-transform: translate(668px, -23px);
transform: translate(668px, -23px);
}
22.73% {
-webkit-transform: translate(700px, -23px);
transform: translate(700px, -23px);
}
27.27% {
-webkit-transform: translate(732px, -23px);
transform: translate(732px, -23px);
}
31.82% {
-webkit-transform: translate(764px, -23px);
transform: translate(764px, -23px);
}
36.36% {
-webkit-transform: translate(796px, -23px);
transform: translate(796px, -23px);
}
40.91% {
-webkit-transform: translate(828px, -50px);
transform: translate(828px, -50px);
}
45.45% {
-webkit-transform: translate(860px, -50px);
transform: translate(860px, -50px);
}
50% {
-webkit-transform: translate(892px, -23px);
transform: translate(892px, -23px);
}
54.55% {
-webkit-transform: translate(924px, -23px);
transform: translate(924px, -23px);
}
59.09% {
-webkit-transform: translate(956px, -50px);
transform: translate(956px, -50px);
}
63.64% {
-webkit-transform: translate(988px, -23px);
transform: translate(988px, -23px);
}
68.18% {
-webkit-transform: translate(1020px, -50px);
transform: translate(1020px, -50px);
}
72.73% {
-webkit-transform: translate(1052px, -23px);
transform: translate(1052px, -23px);
}
77.27% {
-webkit-transform: translate(1084px, -50px);
transform: translate(1084px, -50px);
}
81.82% {
-webkit-transform: translate(1116px, -50px);
transform: translate(1116px, -50px);
}
86.36% {
-webkit-transform: translate(1148px, -50px);
transform: translate(1148px, -50px);
}
90.91% {
-webkit-transform: translate(1180px, -50px);
transform: translate(1180px, -50px);
}
95.45% {
-webkit-transform: translate(1212px, -23px);
transform: translate(1212px, -23px);
}
100% {
-webkit-transform: translate(1244px, -23px);
transform: translate(1244px, -23px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation2 {
0% {
-webkit-transform: translate(540px, -23px);
transform: translate(540px, -23px);
}
4.55% {
-webkit-transform: translate(572px, 4px);
transform: translate(572px, 4px);
}
9.09% {
-webkit-transform: translate(604px, 31px);
transform: translate(604px, 31px);
}
13.64% {
-webkit-transform: translate(636px, 4px);
transform: translate(636px, 4px);
}
18.18% {
-webkit-transform: translate(668px, -23px);
transform: translate(668px, -23px);
}
22.73% {
-webkit-transform: translate(700px, -23px);
transform: translate(700px, -23px);
}
27.27% {
-webkit-transform: translate(732px, -23px);
transform: translate(732px, -23px);
}
31.82% {
-webkit-transform: translate(764px, -23px);
transform: translate(764px, -23px);
}
36.36% {
-webkit-transform: translate(796px, -23px);
transform: translate(796px, -23px);
}
40.91% {
-webkit-transform: translate(828px, -50px);
transform: translate(828px, -50px);
}
45.45% {
-webkit-transform: translate(860px, -50px);
transform: translate(860px, -50px);
}
50% {
-webkit-transform: translate(892px, -23px);
transform: translate(892px, -23px);
}
54.55% {
-webkit-transform: translate(924px, -23px);
transform: translate(924px, -23px);
}
59.09% {
-webkit-transform: translate(956px, -50px);
transform: translate(956px, -50px);
}
63.64% {
-webkit-transform: translate(988px, -23px);
transform: translate(988px, -23px);
}
68.18% {
-webkit-transform: translate(1020px, -50px);
transform: translate(1020px, -50px);
}
72.73% {
-webkit-transform: translate(1052px, -23px);
transform: translate(1052px, -23px);
}
77.27% {
-webkit-transform: translate(1084px, -50px);
transform: translate(1084px, -50px);
}
81.82% {
-webkit-transform: translate(1116px, -50px);
transform: translate(1116px, -50px);
}
86.36% {
-webkit-transform: translate(1148px, -50px);
transform: translate(1148px, -50px);
}
90.91% {
-webkit-transform: translate(1180px, -50px);
transform: translate(1180px, -50px);
}
95.45% {
-webkit-transform: translate(1212px, -23px);
transform: translate(1212px, -23px);
}
100% {
-webkit-transform: translate(1244px, -23px);
transform: translate(1244px, -23px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation3 {
0% {
-webkit-transform: translate(188px, 328px);
transform: translate(188px, 328px);
}
3.45% {
-webkit-transform: translate(220px, 328px);
transform: translate(220px, 328px);
}
6.9% {
-webkit-transform: translate(252px, 301px);
transform: translate(252px, 301px);
}
10.34% {
-webkit-transform: translate(284px, 274px);
transform: translate(284px, 274px);
}
13.79% {
-webkit-transform: translate(316px, 274px);
transform: translate(316px, 274px);
}
17.24% {
-webkit-transform: translate(348px, 247px);
transform: translate(348px, 247px);
}
20.69% {
-webkit-transform: translate(380px, 220px);
transform: translate(380px, 220px);
}
24.14% {
-webkit-transform: translate(412px, 193px);
transform: translate(412px, 193px);
}
27.59% {
-webkit-transform: translate(444px, 193px);
transform: translate(444px, 193px);
}
31.03% {
-webkit-transform: translate(476px, 193px);
transform: translate(476px, 193px);
}
34.48% {
-webkit-transform: translate(508px, 193px);
transform: translate(508px, 193px);
}
37.93% {
-webkit-transform: translate(540px, 166px);
transform: translate(540px, 166px);
}
41.38% {
-webkit-transform: translate(572px, 139px);
transform: translate(572px, 139px);
}
44.83% {
-webkit-transform: translate(604px, 112px);
transform: translate(604px, 112px);
}
48.28% {
-webkit-transform: translate(636px, 112px);
transform: translate(636px, 112px);
}
51.72% {
-webkit-transform: translate(668px, 112px);
transform: translate(668px, 112px);
}
55.17% {
-webkit-transform: translate(700px, 85px);
transform: translate(700px, 85px);
}
58.62% {
-webkit-transform: translate(732px, 85px);
transform: translate(732px, 85px);
}
62.07% {
-webkit-transform: translate(764px, 85px);
transform: translate(764px, 85px);
}
65.52% {
-webkit-transform: translate(796px, 85px);
transform: translate(796px, 85px);
}
68.97% {
-webkit-transform: translate(828px, 58px);
transform: translate(828px, 58px);
}
72.41% {
-webkit-transform: translate(860px, 58px);
transform: translate(860px, 58px);
}
75.86% {
-webkit-transform: translate(892px, 31px);
transform: translate(892px, 31px);
}
79.31% {
-webkit-transform: translate(924px, 4px);
transform: translate(924px, 4px);
}
82.76% {
-webkit-transform: translate(956px, -23px);
transform: translate(956px, -23px);
}
86.21% {
-webkit-transform: translate(988px, -23px);
transform: translate(988px, -23px);
}
89.66% {
-webkit-transform: translate(1020px, -23px);
transform: translate(1020px, -23px);
}
93.1% {
-webkit-transform: translate(1052px, 4px);
transform: translate(1052px, 4px);
}
96.55% {
-webkit-transform: translate(1084px, 31px);
transform: translate(1084px, 31px);
}
100% {
-webkit-transform: translate(1116px, 31px);
transform: translate(1116px, 31px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation3 {
0% {
-webkit-transform: translate(188px, 328px);
transform: translate(188px, 328px);
}
3.45% {
-webkit-transform: translate(220px, 328px);
transform: translate(220px, 328px);
}
6.9% {
-webkit-transform: translate(252px, 301px);
transform: translate(252px, 301px);
}
10.34% {
-webkit-transform: translate(284px, 274px);
transform: translate(284px, 274px);
}
13.79% {
-webkit-transform: translate(316px, 274px);
transform: translate(316px, 274px);
}
17.24% {
-webkit-transform: translate(348px, 247px);
transform: translate(348px, 247px);
}
20.69% {
-webkit-transform: translate(380px, 220px);
transform: translate(380px, 220px);
}
24.14% {
-webkit-transform: translate(412px, 193px);
transform: translate(412px, 193px);
}
27.59% {
-webkit-transform: translate(444px, 193px);
transform: translate(444px, 193px);
}
31.03% {
-webkit-transform: translate(476px, 193px);
transform: translate(476px, 193px);
}
34.48% {
-webkit-transform: translate(508px, 193px);
transform: translate(508px, 193px);
}
37.93% {
-webkit-transform: translate(540px, 166px);
transform: translate(540px, 166px);
}
41.38% {
-webkit-transform: translate(572px, 139px);
transform: translate(572px, 139px);
}
44.83% {
-webkit-transform: translate(604px, 112px);
transform: translate(604px, 112px);
}
48.28% {
-webkit-transform: translate(636px, 112px);
transform: translate(636px, 112px);
}
51.72% {
-webkit-transform: translate(668px, 112px);
transform: translate(668px, 112px);
}
55.17% {
-webkit-transform: translate(700px, 85px);
transform: translate(700px, 85px);
}
58.62% {
-webkit-transform: translate(732px, 85px);
transform: translate(732px, 85px);
}
62.07% {
-webkit-transform: translate(764px, 85px);
transform: translate(764px, 85px);
}
65.52% {
-webkit-transform: translate(796px, 85px);
transform: translate(796px, 85px);
}
68.97% {
-webkit-transform: translate(828px, 58px);
transform: translate(828px, 58px);
}
72.41% {
-webkit-transform: translate(860px, 58px);
transform: translate(860px, 58px);
}
75.86% {
-webkit-transform: translate(892px, 31px);
transform: translate(892px, 31px);
}
79.31% {
-webkit-transform: translate(924px, 4px);
transform: translate(924px, 4px);
}
82.76% {
-webkit-transform: translate(956px, -23px);
transform: translate(956px, -23px);
}
86.21% {
-webkit-transform: translate(988px, -23px);
transform: translate(988px, -23px);
}
89.66% {
-webkit-transform: translate(1020px, -23px);
transform: translate(1020px, -23px);
}
93.1% {
-webkit-transform: translate(1052px, 4px);
transform: translate(1052px, 4px);
}
96.55% {
-webkit-transform: translate(1084px, 31px);
transform: translate(1084px, 31px);
}
100% {
-webkit-transform: translate(1116px, 31px);
transform: translate(1116px, 31px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation4 {
0% {
-webkit-transform: translate(284px, 436px);
transform: translate(284px, 436px);
}
4.35% {
-webkit-transform: translate(316px, 436px);
transform: translate(316px, 436px);
}
8.7% {
-webkit-transform: translate(348px, 409px);
transform: translate(348px, 409px);
}
13.04% {
-webkit-transform: translate(380px, 436px);
transform: translate(380px, 436px);
}
17.39% {
-webkit-transform: translate(412px, 436px);
transform: translate(412px, 436px);
}
21.74% {
-webkit-transform: translate(444px, 409px);
transform: translate(444px, 409px);
}
26.09% {
-webkit-transform: translate(476px, 409px);
transform: translate(476px, 409px);
}
30.43% {
-webkit-transform: translate(508px, 436px);
transform: translate(508px, 436px);
}
34.78% {
-webkit-transform: translate(540px, 409px);
transform: translate(540px, 409px);
}
39.13% {
-webkit-transform: translate(572px, 382px);
transform: translate(572px, 382px);
}
43.48% {
-webkit-transform: translate(604px, 382px);
transform: translate(604px, 382px);
}
47.83% {
-webkit-transform: translate(636px, 355px);
transform: translate(636px, 355px);
}
52.17% {
-webkit-transform: translate(668px, 328px);
transform: translate(668px, 328px);
}
56.52% {
-webkit-transform: translate(700px, 355px);
transform: translate(700px, 355px);
}
60.87% {
-webkit-transform: translate(732px, 328px);
transform: translate(732px, 328px);
}
65.22% {
-webkit-transform: translate(764px, 355px);
transform: translate(764px, 355px);
}
69.57% {
-webkit-transform: translate(796px, 382px);
transform: translate(796px, 382px);
}
73.91% {
-webkit-transform: translate(828px, 382px);
transform: translate(828px, 382px);
}
78.26% {
-webkit-transform: translate(860px, 355px);
transform: translate(860px, 355px);
}
82.61% {
-webkit-transform: translate(892px, 328px);
transform: translate(892px, 328px);
}
86.96% {
-webkit-transform: translate(924px, 328px);
transform: translate(924px, 328px);
}
91.3% {
-webkit-transform: translate(956px, 301px);
transform: translate(956px, 301px);
}
95.65% {
-webkit-transform: translate(988px, 328px);
transform: translate(988px, 328px);
}
100% {
-webkit-transform: translate(1020px, 328px);
transform: translate(1020px, 328px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation4 {
0% {
-webkit-transform: translate(284px, 436px);
transform: translate(284px, 436px);
}
4.35% {
-webkit-transform: translate(316px, 436px);
transform: translate(316px, 436px);
}
8.7% {
-webkit-transform: translate(348px, 409px);
transform: translate(348px, 409px);
}
13.04% {
-webkit-transform: translate(380px, 436px);
transform: translate(380px, 436px);
}
17.39% {
-webkit-transform: translate(412px, 436px);
transform: translate(412px, 436px);
}
21.74% {
-webkit-transform: translate(444px, 409px);
transform: translate(444px, 409px);
}
26.09% {
-webkit-transform: translate(476px, 409px);
transform: translate(476px, 409px);
}
30.43% {
-webkit-transform: translate(508px, 436px);
transform: translate(508px, 436px);
}
34.78% {
-webkit-transform: translate(540px, 409px);
transform: translate(540px, 409px);
}
39.13% {
-webkit-transform: translate(572px, 382px);
transform: translate(572px, 382px);
}
43.48% {
-webkit-transform: translate(604px, 382px);
transform: translate(604px, 382px);
}
47.83% {
-webkit-transform: translate(636px, 355px);
transform: translate(636px, 355px);
}
52.17% {
-webkit-transform: translate(668px, 328px);
transform: translate(668px, 328px);
}
56.52% {
-webkit-transform: translate(700px, 355px);
transform: translate(700px, 355px);
}
60.87% {
-webkit-transform: translate(732px, 328px);
transform: translate(732px, 328px);
}
65.22% {
-webkit-transform: translate(764px, 355px);
transform: translate(764px, 355px);
}
69.57% {
-webkit-transform: translate(796px, 382px);
transform: translate(796px, 382px);
}
73.91% {
-webkit-transform: translate(828px, 382px);
transform: translate(828px, 382px);
}
78.26% {
-webkit-transform: translate(860px, 355px);
transform: translate(860px, 355px);
}
82.61% {
-webkit-transform: translate(892px, 328px);
transform: translate(892px, 328px);
}
86.96% {
-webkit-transform: translate(924px, 328px);
transform: translate(924px, 328px);
}
91.3% {
-webkit-transform: translate(956px, 301px);
transform: translate(956px, 301px);
}
95.65% {
-webkit-transform: translate(988px, 328px);
transform: translate(988px, 328px);
}
100% {
-webkit-transform: translate(1020px, 328px);
transform: translate(1020px, 328px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation5 {
0% {
-webkit-transform: translate(1116px, 760px);
transform: translate(1116px, 760px);
}
11.11% {
-webkit-transform: translate(1148px, 733px);
transform: translate(1148px, 733px);
}
22.22% {
-webkit-transform: translate(1180px, 706px);
transform: translate(1180px, 706px);
}
33.33% {
-webkit-transform: translate(1212px, 706px);
transform: translate(1212px, 706px);
}
44.44% {
-webkit-transform: translate(1244px, 679px);
transform: translate(1244px, 679px);
}
55.56% {
-webkit-transform: translate(1276px, 706px);
transform: translate(1276px, 706px);
}
66.67% {
-webkit-transform: translate(1308px, 679px);
transform: translate(1308px, 679px);
}
77.78% {
-webkit-transform: translate(1340px, 652px);
transform: translate(1340px, 652px);
}
88.89% {
-webkit-transform: translate(1372px, 679px);
transform: translate(1372px, 679px);
}
100% {
-webkit-transform: translate(1404px, 679px);
transform: translate(1404px, 679px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation5 {
0% {
-webkit-transform: translate(1116px, 760px);
transform: translate(1116px, 760px);
}
11.11% {
-webkit-transform: translate(1148px, 733px);
transform: translate(1148px, 733px);
}
22.22% {
-webkit-transform: translate(1180px, 706px);
transform: translate(1180px, 706px);
}
33.33% {
-webkit-transform: translate(1212px, 706px);
transform: translate(1212px, 706px);
}
44.44% {
-webkit-transform: translate(1244px, 679px);
transform: translate(1244px, 679px);
}
55.56% {
-webkit-transform: translate(1276px, 706px);
transform: translate(1276px, 706px);
}
66.67% {
-webkit-transform: translate(1308px, 679px);
transform: translate(1308px, 679px);
}
77.78% {
-webkit-transform: translate(1340px, 652px);
transform: translate(1340px, 652px);
}
88.89% {
-webkit-transform: translate(1372px, 679px);
transform: translate(1372px, 679px);
}
100% {
-webkit-transform: translate(1404px, 679px);
transform: translate(1404px, 679px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation6 {
0% {
-webkit-transform: translate(316px, 652px);
transform: translate(316px, 652px);
}
3.23% {
-webkit-transform: translate(348px, 625px);
transform: translate(348px, 625px);
}
6.45% {
-webkit-transform: translate(380px, 652px);
transform: translate(380px, 652px);
}
9.68% {
-webkit-transform: translate(412px, 679px);
transform: translate(412px, 679px);
}
12.9% {
-webkit-transform: translate(444px, 652px);
transform: translate(444px, 652px);
}
16.13% {
-webkit-transform: translate(476px, 652px);
transform: translate(476px, 652px);
}
19.35% {
-webkit-transform: translate(508px, 679px);
transform: translate(508px, 679px);
}
22.58% {
-webkit-transform: translate(540px, 652px);
transform: translate(540px, 652px);
}
25.81% {
-webkit-transform: translate(572px, 652px);
transform: translate(572px, 652px);
}
29.03% {
-webkit-transform: translate(604px, 679px);
transform: translate(604px, 679px);
}
32.26% {
-webkit-transform: translate(636px, 706px);
transform: translate(636px, 706px);
}
35.48% {
-webkit-transform: translate(668px, 679px);
transform: translate(668px, 679px);
}
38.71% {
-webkit-transform: translate(700px, 706px);
transform: translate(700px, 706px);
}
41.94% {
-webkit-transform: translate(732px, 733px);
transform: translate(732px, 733px);
}
45.16% {
-webkit-transform: translate(764px, 706px);
transform: translate(764px, 706px);
}
48.39% {
-webkit-transform: translate(796px, 733px);
transform: translate(796px, 733px);
}
51.61% {
-webkit-transform: translate(828px, 760px);
transform: translate(828px, 760px);
}
54.84% {
-webkit-transform: translate(860px, 787px);
transform: translate(860px, 787px);
}
58.06% {
-webkit-transform: translate(892px, 787px);
transform: translate(892px, 787px);
}
61.29% {
-webkit-transform: translate(924px, 814px);
transform: translate(924px, 814px);
}
64.52% {
-webkit-transform: translate(956px, 787px);
transform: translate(956px, 787px);
}
67.74% {
-webkit-transform: translate(988px, 760px);
transform: translate(988px, 760px);
}
70.97% {
-webkit-transform: translate(1020px, 760px);
transform: translate(1020px, 760px);
}
74.19% {
-webkit-transform: translate(1052px, 733px);
transform: translate(1052px, 733px);
}
77.42% {
-webkit-transform: translate(1084px, 760px);
transform: translate(1084px, 760px);
}
80.65% {
-webkit-transform: translate(1116px, 733px);
transform: translate(1116px, 733px);
}
83.87% {
-webkit-transform: translate(1148px, 706px);
transform: translate(1148px, 706px);
}
87.1% {
-webkit-transform: translate(1180px, 733px);
transform: translate(1180px, 733px);
}
90.32% {
-webkit-transform: translate(1212px, 733px);
transform: translate(1212px, 733px);
}
93.55% {
-webkit-transform: translate(1244px, 733px);
transform: translate(1244px, 733px);
}
96.77% {
-webkit-transform: translate(1276px, 706px);
transform: translate(1276px, 706px);
}
100% {
-webkit-transform: translate(1308px, 706px);
transform: translate(1308px, 706px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation6 {
0% {
-webkit-transform: translate(316px, 652px);
transform: translate(316px, 652px);
}
3.23% {
-webkit-transform: translate(348px, 625px);
transform: translate(348px, 625px);
}
6.45% {
-webkit-transform: translate(380px, 652px);
transform: translate(380px, 652px);
}
9.68% {
-webkit-transform: translate(412px, 679px);
transform: translate(412px, 679px);
}
12.9% {
-webkit-transform: translate(444px, 652px);
transform: translate(444px, 652px);
}
16.13% {
-webkit-transform: translate(476px, 652px);
transform: translate(476px, 652px);
}
19.35% {
-webkit-transform: translate(508px, 679px);
transform: translate(508px, 679px);
}
22.58% {
-webkit-transform: translate(540px, 652px);
transform: translate(540px, 652px);
}
25.81% {
-webkit-transform: translate(572px, 652px);
transform: translate(572px, 652px);
}
29.03% {
-webkit-transform: translate(604px, 679px);
transform: translate(604px, 679px);
}
32.26% {
-webkit-transform: translate(636px, 706px);
transform: translate(636px, 706px);
}
35.48% {
-webkit-transform: translate(668px, 679px);
transform: translate(668px, 679px);
}
38.71% {
-webkit-transform: translate(700px, 706px);
transform: translate(700px, 706px);
}
41.94% {
-webkit-transform: translate(732px, 733px);
transform: translate(732px, 733px);
}
45.16% {
-webkit-transform: translate(764px, 706px);
transform: translate(764px, 706px);
}
48.39% {
-webkit-transform: translate(796px, 733px);
transform: translate(796px, 733px);
}
51.61% {
-webkit-transform: translate(828px, 760px);
transform: translate(828px, 760px);
}
54.84% {
-webkit-transform: translate(860px, 787px);
transform: translate(860px, 787px);
}
58.06% {
-webkit-transform: translate(892px, 787px);
transform: translate(892px, 787px);
}
61.29% {
-webkit-transform: translate(924px, 814px);
transform: translate(924px, 814px);
}
64.52% {
-webkit-transform: translate(956px, 787px);
transform: translate(956px, 787px);
}
67.74% {
-webkit-transform: translate(988px, 760px);
transform: translate(988px, 760px);
}
70.97% {
-webkit-transform: translate(1020px, 760px);
transform: translate(1020px, 760px);
}
74.19% {
-webkit-transform: translate(1052px, 733px);
transform: translate(1052px, 733px);
}
77.42% {
-webkit-transform: translate(1084px, 760px);
transform: translate(1084px, 760px);
}
80.65% {
-webkit-transform: translate(1116px, 733px);
transform: translate(1116px, 733px);
}
83.87% {
-webkit-transform: translate(1148px, 706px);
transform: translate(1148px, 706px);
}
87.1% {
-webkit-transform: translate(1180px, 733px);
transform: translate(1180px, 733px);
}
90.32% {
-webkit-transform: translate(1212px, 733px);
transform: translate(1212px, 733px);
}
93.55% {
-webkit-transform: translate(1244px, 733px);
transform: translate(1244px, 733px);
}
96.77% {
-webkit-transform: translate(1276px, 706px);
transform: translate(1276px, 706px);
}
100% {
-webkit-transform: translate(1308px, 706px);
transform: translate(1308px, 706px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation7 {
0% {
-webkit-transform: translate(-100px, 571px);
transform: translate(-100px, 571px);
}
5% {
-webkit-transform: translate(-68px, 544px);
transform: translate(-68px, 544px);
}
10% {
-webkit-transform: translate(-36px, 517px);
transform: translate(-36px, 517px);
}
15% {
-webkit-transform: translate(-4px, 517px);
transform: translate(-4px, 517px);
}
20% {
-webkit-transform: translate(28px, 490px);
transform: translate(28px, 490px);
}
25% {
-webkit-transform: translate(60px, 463px);
transform: translate(60px, 463px);
}
30% {
-webkit-transform: translate(92px, 436px);
transform: translate(92px, 436px);
}
35% {
-webkit-transform: translate(124px, 463px);
transform: translate(124px, 463px);
}
40% {
-webkit-transform: translate(156px, 463px);
transform: translate(156px, 463px);
}
45% {
-webkit-transform: translate(188px, 436px);
transform: translate(188px, 436px);
}
50% {
-webkit-transform: translate(220px, 409px);
transform: translate(220px, 409px);
}
55% {
-webkit-transform: translate(252px, 382px);
transform: translate(252px, 382px);
}
60% {
-webkit-transform: translate(284px, 409px);
transform: translate(284px, 409px);
}
65% {
-webkit-transform: translate(316px, 436px);
transform: translate(316px, 436px);
}
70% {
-webkit-transform: translate(348px, 436px);
transform: translate(348px, 436px);
}
75% {
-webkit-transform: translate(380px, 409px);
transform: translate(380px, 409px);
}
80% {
-webkit-transform: translate(412px, 382px);
transform: translate(412px, 382px);
}
85% {
-webkit-transform: translate(444px, 409px);
transform: translate(444px, 409px);
}
90% {
-webkit-transform: translate(476px, 436px);
transform: translate(476px, 436px);
}
95% {
-webkit-transform: translate(508px, 436px);
transform: translate(508px, 436px);
}
100% {
-webkit-transform: translate(540px, 463px);
transform: translate(540px, 463px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation7 {
0% {
-webkit-transform: translate(-100px, 571px);
transform: translate(-100px, 571px);
}
5% {
-webkit-transform: translate(-68px, 544px);
transform: translate(-68px, 544px);
}
10% {
-webkit-transform: translate(-36px, 517px);
transform: translate(-36px, 517px);
}
15% {
-webkit-transform: translate(-4px, 517px);
transform: translate(-4px, 517px);
}
20% {
-webkit-transform: translate(28px, 490px);
transform: translate(28px, 490px);
}
25% {
-webkit-transform: translate(60px, 463px);
transform: translate(60px, 463px);
}
30% {
-webkit-transform: translate(92px, 436px);
transform: translate(92px, 436px);
}
35% {
-webkit-transform: translate(124px, 463px);
transform: translate(124px, 463px);
}
40% {
-webkit-transform: translate(156px, 463px);
transform: translate(156px, 463px);
}
45% {
-webkit-transform: translate(188px, 436px);
transform: translate(188px, 436px);
}
50% {
-webkit-transform: translate(220px, 409px);
transform: translate(220px, 409px);
}
55% {
-webkit-transform: translate(252px, 382px);
transform: translate(252px, 382px);
}
60% {
-webkit-transform: translate(284px, 409px);
transform: translate(284px, 409px);
}
65% {
-webkit-transform: translate(316px, 436px);
transform: translate(316px, 436px);
}
70% {
-webkit-transform: translate(348px, 436px);
transform: translate(348px, 436px);
}
75% {
-webkit-transform: translate(380px, 409px);
transform: translate(380px, 409px);
}
80% {
-webkit-transform: translate(412px, 382px);
transform: translate(412px, 382px);
}
85% {
-webkit-transform: translate(444px, 409px);
transform: translate(444px, 409px);
}
90% {
-webkit-transform: translate(476px, 436px);
transform: translate(476px, 436px);
}
95% {
-webkit-transform: translate(508px, 436px);
transform: translate(508px, 436px);
}
100% {
-webkit-transform: translate(540px, 463px);
transform: translate(540px, 463px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation8 {
0% {
-webkit-transform: translate(-68px, 976px);
transform: translate(-68px, 976px);
}
2.5% {
-webkit-transform: translate(-36px, 976px);
transform: translate(-36px, 976px);
}
5% {
-webkit-transform: translate(-4px, 949px);
transform: translate(-4px, 949px);
}
7.5% {
-webkit-transform: translate(28px, 976px);
transform: translate(28px, 976px);
}
10% {
-webkit-transform: translate(60px, 1003px);
transform: translate(60px, 1003px);
}
12.5% {
-webkit-transform: translate(92px, 1030px);
transform: translate(92px, 1030px);
}
15% {
-webkit-transform: translate(124px, 1030px);
transform: translate(124px, 1030px);
}
17.5% {
-webkit-transform: translate(156px, 1030px);
transform: translate(156px, 1030px);
}
20% {
-webkit-transform: translate(188px, 1030px);
transform: translate(188px, 1030px);
}
22.5% {
-webkit-transform: translate(220px, 1030px);
transform: translate(220px, 1030px);
}
25% {
-webkit-transform: translate(252px, 1030px);
transform: translate(252px, 1030px);
}
27.5% {
-webkit-transform: translate(284px, 1003px);
transform: translate(284px, 1003px);
}
30% {
-webkit-transform: translate(316px, 1030px);
transform: translate(316px, 1030px);
}
32.5% {
-webkit-transform: translate(348px, 1030px);
transform: translate(348px, 1030px);
}
35% {
-webkit-transform: translate(380px, 1003px);
transform: translate(380px, 1003px);
}
37.5% {
-webkit-transform: translate(412px, 976px);
transform: translate(412px, 976px);
}
40% {
-webkit-transform: translate(444px, 1003px);
transform: translate(444px, 1003px);
}
42.5% {
-webkit-transform: translate(476px, 1030px);
transform: translate(476px, 1030px);
}
45% {
-webkit-transform: translate(508px, 1003px);
transform: translate(508px, 1003px);
}
47.5% {
-webkit-transform: translate(540px, 1030px);
transform: translate(540px, 1030px);
}
50% {
-webkit-transform: translate(572px, 1057px);
transform: translate(572px, 1057px);
}
52.5% {
-webkit-transform: translate(604px, 1057px);
transform: translate(604px, 1057px);
}
55% {
-webkit-transform: translate(636px, 1030px);
transform: translate(636px, 1030px);
}
57.5% {
-webkit-transform: translate(668px, 1030px);
transform: translate(668px, 1030px);
}
60% {
-webkit-transform: translate(700px, 1030px);
transform: translate(700px, 1030px);
}
62.5% {
-webkit-transform: translate(732px, 1030px);
transform: translate(732px, 1030px);
}
65% {
-webkit-transform: translate(764px, 1003px);
transform: translate(764px, 1003px);
}
67.5% {
-webkit-transform: translate(796px, 1003px);
transform: translate(796px, 1003px);
}
70% {
-webkit-transform: translate(828px, 1030px);
transform: translate(828px, 1030px);
}
72.5% {
-webkit-transform: translate(860px, 1030px);
transform: translate(860px, 1030px);
}
75% {
-webkit-transform: translate(892px, 1030px);
transform: translate(892px, 1030px);
}
77.5% {
-webkit-transform: translate(924px, 1057px);
transform: translate(924px, 1057px);
}
80% {
-webkit-transform: translate(956px, 1057px);
transform: translate(956px, 1057px);
}
82.5% {
-webkit-transform: translate(988px, 1084px);
transform: translate(988px, 1084px);
}
85% {
-webkit-transform: translate(1020px, 1057px);
transform: translate(1020px, 1057px);
}
87.5% {
-webkit-transform: translate(1052px, 1030px);
transform: translate(1052px, 1030px);
}
90% {
-webkit-transform: translate(1084px, 1003px);
transform: translate(1084px, 1003px);
}
92.5% {
-webkit-transform: translate(1116px, 1030px);
transform: translate(1116px, 1030px);
}
95% {
-webkit-transform: translate(1148px, 1057px);
transform: translate(1148px, 1057px);
}
97.5% {
-webkit-transform: translate(1180px, 1084px);
transform: translate(1180px, 1084px);
}
100% {
-webkit-transform: translate(1212px, 1084px);
transform: translate(1212px, 1084px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation8 {
0% {
-webkit-transform: translate(-68px, 976px);
transform: translate(-68px, 976px);
}
2.5% {
-webkit-transform: translate(-36px, 976px);
transform: translate(-36px, 976px);
}
5% {
-webkit-transform: translate(-4px, 949px);
transform: translate(-4px, 949px);
}
7.5% {
-webkit-transform: translate(28px, 976px);
transform: translate(28px, 976px);
}
10% {
-webkit-transform: translate(60px, 1003px);
transform: translate(60px, 1003px);
}
12.5% {
-webkit-transform: translate(92px, 1030px);
transform: translate(92px, 1030px);
}
15% {
-webkit-transform: translate(124px, 1030px);
transform: translate(124px, 1030px);
}
17.5% {
-webkit-transform: translate(156px, 1030px);
transform: translate(156px, 1030px);
}
20% {
-webkit-transform: translate(188px, 1030px);
transform: translate(188px, 1030px);
}
22.5% {
-webkit-transform: translate(220px, 1030px);
transform: translate(220px, 1030px);
}
25% {
-webkit-transform: translate(252px, 1030px);
transform: translate(252px, 1030px);
}
27.5% {
-webkit-transform: translate(284px, 1003px);
transform: translate(284px, 1003px);
}
30% {
-webkit-transform: translate(316px, 1030px);
transform: translate(316px, 1030px);
}
32.5% {
-webkit-transform: translate(348px, 1030px);
transform: translate(348px, 1030px);
}
35% {
-webkit-transform: translate(380px, 1003px);
transform: translate(380px, 1003px);
}
37.5% {
-webkit-transform: translate(412px, 976px);
transform: translate(412px, 976px);
}
40% {
-webkit-transform: translate(444px, 1003px);
transform: translate(444px, 1003px);
}
42.5% {
-webkit-transform: translate(476px, 1030px);
transform: translate(476px, 1030px);
}
45% {
-webkit-transform: translate(508px, 1003px);
transform: translate(508px, 1003px);
}
47.5% {
-webkit-transform: translate(540px, 1030px);
transform: translate(540px, 1030px);
}
50% {
-webkit-transform: translate(572px, 1057px);
transform: translate(572px, 1057px);
}
52.5% {
-webkit-transform: translate(604px, 1057px);
transform: translate(604px, 1057px);
}
55% {
-webkit-transform: translate(636px, 1030px);
transform: translate(636px, 1030px);
}
57.5% {
-webkit-transform: translate(668px, 1030px);
transform: translate(668px, 1030px);
}
60% {
-webkit-transform: translate(700px, 1030px);
transform: translate(700px, 1030px);
}
62.5% {
-webkit-transform: translate(732px, 1030px);
transform: translate(732px, 1030px);
}
65% {
-webkit-transform: translate(764px, 1003px);
transform: translate(764px, 1003px);
}
67.5% {
-webkit-transform: translate(796px, 1003px);
transform: translate(796px, 1003px);
}
70% {
-webkit-transform: translate(828px, 1030px);
transform: translate(828px, 1030px);
}
72.5% {
-webkit-transform: translate(860px, 1030px);
transform: translate(860px, 1030px);
}
75% {
-webkit-transform: translate(892px, 1030px);
transform: translate(892px, 1030px);
}
77.5% {
-webkit-transform: translate(924px, 1057px);
transform: translate(924px, 1057px);
}
80% {
-webkit-transform: translate(956px, 1057px);
transform: translate(956px, 1057px);
}
82.5% {
-webkit-transform: translate(988px, 1084px);
transform: translate(988px, 1084px);
}
85% {
-webkit-transform: translate(1020px, 1057px);
transform: translate(1020px, 1057px);
}
87.5% {
-webkit-transform: translate(1052px, 1030px);
transform: translate(1052px, 1030px);
}
90% {
-webkit-transform: translate(1084px, 1003px);
transform: translate(1084px, 1003px);
}
92.5% {
-webkit-transform: translate(1116px, 1030px);
transform: translate(1116px, 1030px);
}
95% {
-webkit-transform: translate(1148px, 1057px);
transform: translate(1148px, 1057px);
}
97.5% {
-webkit-transform: translate(1180px, 1084px);
transform: translate(1180px, 1084px);
}
100% {
-webkit-transform: translate(1212px, 1084px);
transform: translate(1212px, 1084px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation9 {
0% {
-webkit-transform: translate(316px, 355px);
transform: translate(316px, 355px);
}
5.26% {
-webkit-transform: translate(348px, 355px);
transform: translate(348px, 355px);
}
10.53% {
-webkit-transform: translate(380px, 355px);
transform: translate(380px, 355px);
}
15.79% {
-webkit-transform: translate(412px, 328px);
transform: translate(412px, 328px);
}
21.05% {
-webkit-transform: translate(444px, 355px);
transform: translate(444px, 355px);
}
26.32% {
-webkit-transform: translate(476px, 328px);
transform: translate(476px, 328px);
}
31.58% {
-webkit-transform: translate(508px, 355px);
transform: translate(508px, 355px);
}
36.84% {
-webkit-transform: translate(540px, 328px);
transform: translate(540px, 328px);
}
42.11% {
-webkit-transform: translate(572px, 301px);
transform: translate(572px, 301px);
}
47.37% {
-webkit-transform: translate(604px, 328px);
transform: translate(604px, 328px);
}
52.63% {
-webkit-transform: translate(636px, 328px);
transform: translate(636px, 328px);
}
57.89% {
-webkit-transform: translate(668px, 355px);
transform: translate(668px, 355px);
}
63.16% {
-webkit-transform: translate(700px, 328px);
transform: translate(700px, 328px);
}
68.42% {
-webkit-transform: translate(732px, 328px);
transform: translate(732px, 328px);
}
73.68% {
-webkit-transform: translate(764px, 328px);
transform: translate(764px, 328px);
}
78.95% {
-webkit-transform: translate(796px, 301px);
transform: translate(796px, 301px);
}
84.21% {
-webkit-transform: translate(828px, 301px);
transform: translate(828px, 301px);
}
89.47% {
-webkit-transform: translate(860px, 328px);
transform: translate(860px, 328px);
}
94.74% {
-webkit-transform: translate(892px, 355px);
transform: translate(892px, 355px);
}
100% {
-webkit-transform: translate(924px, 382px);
transform: translate(924px, 382px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation9 {
0% {
-webkit-transform: translate(316px, 355px);
transform: translate(316px, 355px);
}
5.26% {
-webkit-transform: translate(348px, 355px);
transform: translate(348px, 355px);
}
10.53% {
-webkit-transform: translate(380px, 355px);
transform: translate(380px, 355px);
}
15.79% {
-webkit-transform: translate(412px, 328px);
transform: translate(412px, 328px);
}
21.05% {
-webkit-transform: translate(444px, 355px);
transform: translate(444px, 355px);
}
26.32% {
-webkit-transform: translate(476px, 328px);
transform: translate(476px, 328px);
}
31.58% {
-webkit-transform: translate(508px, 355px);
transform: translate(508px, 355px);
}
36.84% {
-webkit-transform: translate(540px, 328px);
transform: translate(540px, 328px);
}
42.11% {
-webkit-transform: translate(572px, 301px);
transform: translate(572px, 301px);
}
47.37% {
-webkit-transform: translate(604px, 328px);
transform: translate(604px, 328px);
}
52.63% {
-webkit-transform: translate(636px, 328px);
transform: translate(636px, 328px);
}
57.89% {
-webkit-transform: translate(668px, 355px);
transform: translate(668px, 355px);
}
63.16% {
-webkit-transform: translate(700px, 328px);
transform: translate(700px, 328px);
}
68.42% {
-webkit-transform: translate(732px, 328px);
transform: translate(732px, 328px);
}
73.68% {
-webkit-transform: translate(764px, 328px);
transform: translate(764px, 328px);
}
78.95% {
-webkit-transform: translate(796px, 301px);
transform: translate(796px, 301px);
}
84.21% {
-webkit-transform: translate(828px, 301px);
transform: translate(828px, 301px);
}
89.47% {
-webkit-transform: translate(860px, 328px);
transform: translate(860px, 328px);
}
94.74% {
-webkit-transform: translate(892px, 355px);
transform: translate(892px, 355px);
}
100% {
-webkit-transform: translate(924px, 382px);
transform: translate(924px, 382px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation10 {
0% {
-webkit-transform: translate(700px, 4px);
transform: translate(700px, 4px);
}
16.67% {
-webkit-transform: translate(732px, 31px);
transform: translate(732px, 31px);
}
33.33% {
-webkit-transform: translate(764px, 58px);
transform: translate(764px, 58px);
}
50% {
-webkit-transform: translate(796px, 85px);
transform: translate(796px, 85px);
}
66.67% {
-webkit-transform: translate(828px, 85px);
transform: translate(828px, 85px);
}
83.33% {
-webkit-transform: translate(860px, 112px);
transform: translate(860px, 112px);
}
100% {
-webkit-transform: translate(892px, 112px);
transform: translate(892px, 112px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation10 {
0% {
-webkit-transform: translate(700px, 4px);
transform: translate(700px, 4px);
}
16.67% {
-webkit-transform: translate(732px, 31px);
transform: translate(732px, 31px);
}
33.33% {
-webkit-transform: translate(764px, 58px);
transform: translate(764px, 58px);
}
50% {
-webkit-transform: translate(796px, 85px);
transform: translate(796px, 85px);
}
66.67% {
-webkit-transform: translate(828px, 85px);
transform: translate(828px, 85px);
}
83.33% {
-webkit-transform: translate(860px, 112px);
transform: translate(860px, 112px);
}
100% {
-webkit-transform: translate(892px, 112px);
transform: translate(892px, 112px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation11 {
0% {
-webkit-transform: translate(-68px, 922px);
transform: translate(-68px, 922px);
}
2.7% {
-webkit-transform: translate(-36px, 949px);
transform: translate(-36px, 949px);
}
5.41% {
-webkit-transform: translate(-4px, 922px);
transform: translate(-4px, 922px);
}
8.11% {
-webkit-transform: translate(28px, 922px);
transform: translate(28px, 922px);
}
10.81% {
-webkit-transform: translate(60px, 949px);
transform: translate(60px, 949px);
}
13.51% {
-webkit-transform: translate(92px, 949px);
transform: translate(92px, 949px);
}
16.22% {
-webkit-transform: translate(124px, 922px);
transform: translate(124px, 922px);
}
18.92% {
-webkit-transform: translate(156px, 949px);
transform: translate(156px, 949px);
}
21.62% {
-webkit-transform: translate(188px, 949px);
transform: translate(188px, 949px);
}
24.32% {
-webkit-transform: translate(220px, 922px);
transform: translate(220px, 922px);
}
27.03% {
-webkit-transform: translate(252px, 922px);
transform: translate(252px, 922px);
}
29.73% {
-webkit-transform: translate(284px, 949px);
transform: translate(284px, 949px);
}
32.43% {
-webkit-transform: translate(316px, 922px);
transform: translate(316px, 922px);
}
35.14% {
-webkit-transform: translate(348px, 949px);
transform: translate(348px, 949px);
}
37.84% {
-webkit-transform: translate(380px, 949px);
transform: translate(380px, 949px);
}
40.54% {
-webkit-transform: translate(412px, 922px);
transform: translate(412px, 922px);
}
43.24% {
-webkit-transform: translate(444px, 922px);
transform: translate(444px, 922px);
}
45.95% {
-webkit-transform: translate(476px, 949px);
transform: translate(476px, 949px);
}
48.65% {
-webkit-transform: translate(508px, 922px);
transform: translate(508px, 922px);
}
51.35% {
-webkit-transform: translate(540px, 922px);
transform: translate(540px, 922px);
}
54.05% {
-webkit-transform: translate(572px, 922px);
transform: translate(572px, 922px);
}
56.76% {
-webkit-transform: translate(604px, 922px);
transform: translate(604px, 922px);
}
59.46% {
-webkit-transform: translate(636px, 922px);
transform: translate(636px, 922px);
}
62.16% {
-webkit-transform: translate(668px, 949px);
transform: translate(668px, 949px);
}
64.86% {
-webkit-transform: translate(700px, 922px);
transform: translate(700px, 922px);
}
67.57% {
-webkit-transform: translate(732px, 949px);
transform: translate(732px, 949px);
}
70.27% {
-webkit-transform: translate(764px, 976px);
transform: translate(764px, 976px);
}
72.97% {
-webkit-transform: translate(796px, 949px);
transform: translate(796px, 949px);
}
75.68% {
-webkit-transform: translate(828px, 922px);
transform: translate(828px, 922px);
}
78.38% {
-webkit-transform: translate(860px, 895px);
transform: translate(860px, 895px);
}
81.08% {
-webkit-transform: translate(892px, 895px);
transform: translate(892px, 895px);
}
83.78% {
-webkit-transform: translate(924px, 868px);
transform: translate(924px, 868px);
}
86.49% {
-webkit-transform: translate(956px, 895px);
transform: translate(956px, 895px);
}
89.19% {
-webkit-transform: translate(988px, 922px);
transform: translate(988px, 922px);
}
91.89% {
-webkit-transform: translate(1020px, 922px);
transform: translate(1020px, 922px);
}
94.59% {
-webkit-transform: translate(1052px, 895px);
transform: translate(1052px, 895px);
}
97.3% {
-webkit-transform: translate(1084px, 895px);
transform: translate(1084px, 895px);
}
100% {
-webkit-transform: translate(1116px, 895px);
transform: translate(1116px, 895px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation11 {
0% {
-webkit-transform: translate(-68px, 922px);
transform: translate(-68px, 922px);
}
2.7% {
-webkit-transform: translate(-36px, 949px);
transform: translate(-36px, 949px);
}
5.41% {
-webkit-transform: translate(-4px, 922px);
transform: translate(-4px, 922px);
}
8.11% {
-webkit-transform: translate(28px, 922px);
transform: translate(28px, 922px);
}
10.81% {
-webkit-transform: translate(60px, 949px);
transform: translate(60px, 949px);
}
13.51% {
-webkit-transform: translate(92px, 949px);
transform: translate(92px, 949px);
}
16.22% {
-webkit-transform: translate(124px, 922px);
transform: translate(124px, 922px);
}
18.92% {
-webkit-transform: translate(156px, 949px);
transform: translate(156px, 949px);
}
21.62% {
-webkit-transform: translate(188px, 949px);
transform: translate(188px, 949px);
}
24.32% {
-webkit-transform: translate(220px, 922px);
transform: translate(220px, 922px);
}
27.03% {
-webkit-transform: translate(252px, 922px);
transform: translate(252px, 922px);
}
29.73% {
-webkit-transform: translate(284px, 949px);
transform: translate(284px, 949px);
}
32.43% {
-webkit-transform: translate(316px, 922px);
transform: translate(316px, 922px);
}
35.14% {
-webkit-transform: translate(348px, 949px);
transform: translate(348px, 949px);
}
37.84% {
-webkit-transform: translate(380px, 949px);
transform: translate(380px, 949px);
}
40.54% {
-webkit-transform: translate(412px, 922px);
transform: translate(412px, 922px);
}
43.24% {
-webkit-transform: translate(444px, 922px);
transform: translate(444px, 922px);
}
45.95% {
-webkit-transform: translate(476px, 949px);
transform: translate(476px, 949px);
}
48.65% {
-webkit-transform: translate(508px, 922px);
transform: translate(508px, 922px);
}
51.35% {
-webkit-transform: translate(540px, 922px);
transform: translate(540px, 922px);
}
54.05% {
-webkit-transform: translate(572px, 922px);
transform: translate(572px, 922px);
}
56.76% {
-webkit-transform: translate(604px, 922px);
transform: translate(604px, 922px);
}
59.46% {
-webkit-transform: translate(636px, 922px);
transform: translate(636px, 922px);
}
62.16% {
-webkit-transform: translate(668px, 949px);
transform: translate(668px, 949px);
}
64.86% {
-webkit-transform: translate(700px, 922px);
transform: translate(700px, 922px);
}
67.57% {
-webkit-transform: translate(732px, 949px);
transform: translate(732px, 949px);
}
70.27% {
-webkit-transform: translate(764px, 976px);
transform: translate(764px, 976px);
}
72.97% {
-webkit-transform: translate(796px, 949px);
transform: translate(796px, 949px);
}
75.68% {
-webkit-transform: translate(828px, 922px);
transform: translate(828px, 922px);
}
78.38% {
-webkit-transform: translate(860px, 895px);
transform: translate(860px, 895px);
}
81.08% {
-webkit-transform: translate(892px, 895px);
transform: translate(892px, 895px);
}
83.78% {
-webkit-transform: translate(924px, 868px);
transform: translate(924px, 868px);
}
86.49% {
-webkit-transform: translate(956px, 895px);
transform: translate(956px, 895px);
}
89.19% {
-webkit-transform: translate(988px, 922px);
transform: translate(988px, 922px);
}
91.89% {
-webkit-transform: translate(1020px, 922px);
transform: translate(1020px, 922px);
}
94.59% {
-webkit-transform: translate(1052px, 895px);
transform: translate(1052px, 895px);
}
97.3% {
-webkit-transform: translate(1084px, 895px);
transform: translate(1084px, 895px);
}
100% {
-webkit-transform: translate(1116px, 895px);
transform: translate(1116px, 895px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation12 {
0% {
-webkit-transform: translate(-36px, 355px);
transform: translate(-36px, 355px);
}
5.88% {
-webkit-transform: translate(-4px, 355px);
transform: translate(-4px, 355px);
}
11.76% {
-webkit-transform: translate(28px, 382px);
transform: translate(28px, 382px);
}
17.65% {
-webkit-transform: translate(60px, 355px);
transform: translate(60px, 355px);
}
23.53% {
-webkit-transform: translate(92px, 328px);
transform: translate(92px, 328px);
}
29.41% {
-webkit-transform: translate(124px, 301px);
transform: translate(124px, 301px);
}
35.29% {
-webkit-transform: translate(156px, 274px);
transform: translate(156px, 274px);
}
41.18% {
-webkit-transform: translate(188px, 301px);
transform: translate(188px, 301px);
}
47.06% {
-webkit-transform: translate(220px, 301px);
transform: translate(220px, 301px);
}
52.94% {
-webkit-transform: translate(252px, 274px);
transform: translate(252px, 274px);
}
58.82% {
-webkit-transform: translate(284px, 301px);
transform: translate(284px, 301px);
}
64.71% {
-webkit-transform: translate(316px, 274px);
transform: translate(316px, 274px);
}
70.59% {
-webkit-transform: translate(348px, 301px);
transform: translate(348px, 301px);
}
76.47% {
-webkit-transform: translate(380px, 301px);
transform: translate(380px, 301px);
}
82.35% {
-webkit-transform: translate(412px, 328px);
transform: translate(412px, 328px);
}
88.24% {
-webkit-transform: translate(444px, 328px);
transform: translate(444px, 328px);
}
94.12% {
-webkit-transform: translate(476px, 355px);
transform: translate(476px, 355px);
}
100% {
-webkit-transform: translate(508px, 328px);
transform: translate(508px, 328px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation12 {
0% {
-webkit-transform: translate(-36px, 355px);
transform: translate(-36px, 355px);
}
5.88% {
-webkit-transform: translate(-4px, 355px);
transform: translate(-4px, 355px);
}
11.76% {
-webkit-transform: translate(28px, 382px);
transform: translate(28px, 382px);
}
17.65% {
-webkit-transform: translate(60px, 355px);
transform: translate(60px, 355px);
}
23.53% {
-webkit-transform: translate(92px, 328px);
transform: translate(92px, 328px);
}
29.41% {
-webkit-transform: translate(124px, 301px);
transform: translate(124px, 301px);
}
35.29% {
-webkit-transform: translate(156px, 274px);
transform: translate(156px, 274px);
}
41.18% {
-webkit-transform: translate(188px, 301px);
transform: translate(188px, 301px);
}
47.06% {
-webkit-transform: translate(220px, 301px);
transform: translate(220px, 301px);
}
52.94% {
-webkit-transform: translate(252px, 274px);
transform: translate(252px, 274px);
}
58.82% {
-webkit-transform: translate(284px, 301px);
transform: translate(284px, 301px);
}
64.71% {
-webkit-transform: translate(316px, 274px);
transform: translate(316px, 274px);
}
70.59% {
-webkit-transform: translate(348px, 301px);
transform: translate(348px, 301px);
}
76.47% {
-webkit-transform: translate(380px, 301px);
transform: translate(380px, 301px);
}
82.35% {
-webkit-transform: translate(412px, 328px);
transform: translate(412px, 328px);
}
88.24% {
-webkit-transform: translate(444px, 328px);
transform: translate(444px, 328px);
}
94.12% {
-webkit-transform: translate(476px, 355px);
transform: translate(476px, 355px);
}
100% {
-webkit-transform: translate(508px, 328px);
transform: translate(508px, 328px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation13 {
0% {
-webkit-transform: translate(828px, 85px);
transform: translate(828px, 85px);
}
5.88% {
-webkit-transform: translate(860px, 112px);
transform: translate(860px, 112px);
}
11.76% {
-webkit-transform: translate(892px, 112px);
transform: translate(892px, 112px);
}
17.65% {
-webkit-transform: translate(924px, 112px);
transform: translate(924px, 112px);
}
23.53% {
-webkit-transform: translate(956px, 139px);
transform: translate(956px, 139px);
}
29.41% {
-webkit-transform: translate(988px, 112px);
transform: translate(988px, 112px);
}
35.29% {
-webkit-transform: translate(1020px, 139px);
transform: translate(1020px, 139px);
}
41.18% {
-webkit-transform: translate(1052px, 112px);
transform: translate(1052px, 112px);
}
47.06% {
-webkit-transform: translate(1084px, 139px);
transform: translate(1084px, 139px);
}
52.94% {
-webkit-transform: translate(1116px, 166px);
transform: translate(1116px, 166px);
}
58.82% {
-webkit-transform: translate(1148px, 166px);
transform: translate(1148px, 166px);
}
64.71% {
-webkit-transform: translate(1180px, 166px);
transform: translate(1180px, 166px);
}
70.59% {
-webkit-transform: translate(1212px, 166px);
transform: translate(1212px, 166px);
}
76.47% {
-webkit-transform: translate(1244px, 166px);
transform: translate(1244px, 166px);
}
82.35% {
-webkit-transform: translate(1276px, 139px);
transform: translate(1276px, 139px);
}
88.24% {
-webkit-transform: translate(1308px, 112px);
transform: translate(1308px, 112px);
}
94.12% {
-webkit-transform: translate(1340px, 139px);
transform: translate(1340px, 139px);
}
100% {
-webkit-transform: translate(1372px, 166px);
transform: translate(1372px, 166px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation13 {
0% {
-webkit-transform: translate(828px, 85px);
transform: translate(828px, 85px);
}
5.88% {
-webkit-transform: translate(860px, 112px);
transform: translate(860px, 112px);
}
11.76% {
-webkit-transform: translate(892px, 112px);
transform: translate(892px, 112px);
}
17.65% {
-webkit-transform: translate(924px, 112px);
transform: translate(924px, 112px);
}
23.53% {
-webkit-transform: translate(956px, 139px);
transform: translate(956px, 139px);
}
29.41% {
-webkit-transform: translate(988px, 112px);
transform: translate(988px, 112px);
}
35.29% {
-webkit-transform: translate(1020px, 139px);
transform: translate(1020px, 139px);
}
41.18% {
-webkit-transform: translate(1052px, 112px);
transform: translate(1052px, 112px);
}
47.06% {
-webkit-transform: translate(1084px, 139px);
transform: translate(1084px, 139px);
}
52.94% {
-webkit-transform: translate(1116px, 166px);
transform: translate(1116px, 166px);
}
58.82% {
-webkit-transform: translate(1148px, 166px);
transform: translate(1148px, 166px);
}
64.71% {
-webkit-transform: translate(1180px, 166px);
transform: translate(1180px, 166px);
}
70.59% {
-webkit-transform: translate(1212px, 166px);
transform: translate(1212px, 166px);
}
76.47% {
-webkit-transform: translate(1244px, 166px);
transform: translate(1244px, 166px);
}
82.35% {
-webkit-transform: translate(1276px, 139px);
transform: translate(1276px, 139px);
}
88.24% {
-webkit-transform: translate(1308px, 112px);
transform: translate(1308px, 112px);
}
94.12% {
-webkit-transform: translate(1340px, 139px);
transform: translate(1340px, 139px);
}
100% {
-webkit-transform: translate(1372px, 166px);
transform: translate(1372px, 166px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation14 {
0% {
-webkit-transform: translate(156px, -23px);
transform: translate(156px, -23px);
}
2.5% {
-webkit-transform: translate(188px, 4px);
transform: translate(188px, 4px);
}
5% {
-webkit-transform: translate(220px, 4px);
transform: translate(220px, 4px);
}
7.5% {
-webkit-transform: translate(252px, -23px);
transform: translate(252px, -23px);
}
10% {
-webkit-transform: translate(284px, -23px);
transform: translate(284px, -23px);
}
12.5% {
-webkit-transform: translate(316px, -23px);
transform: translate(316px, -23px);
}
15% {
-webkit-transform: translate(348px, -23px);
transform: translate(348px, -23px);
}
17.5% {
-webkit-transform: translate(380px, -23px);
transform: translate(380px, -23px);
}
20% {
-webkit-transform: translate(412px, 4px);
transform: translate(412px, 4px);
}
22.5% {
-webkit-transform: translate(444px, 31px);
transform: translate(444px, 31px);
}
25% {
-webkit-transform: translate(476px, 31px);
transform: translate(476px, 31px);
}
27.5% {
-webkit-transform: translate(508px, 4px);
transform: translate(508px, 4px);
}
30% {
-webkit-transform: translate(540px, 31px);
transform: translate(540px, 31px);
}
32.5% {
-webkit-transform: translate(572px, 4px);
transform: translate(572px, 4px);
}
35% {
-webkit-transform: translate(604px, 4px);
transform: translate(604px, 4px);
}
37.5% {
-webkit-transform: translate(636px, 31px);
transform: translate(636px, 31px);
}
40% {
-webkit-transform: translate(668px, 4px);
transform: translate(668px, 4px);
}
42.5% {
-webkit-transform: translate(700px, 31px);
transform: translate(700px, 31px);
}
45% {
-webkit-transform: translate(732px, 58px);
transform: translate(732px, 58px);
}
47.5% {
-webkit-transform: translate(764px, 58px);
transform: translate(764px, 58px);
}
50% {
-webkit-transform: translate(796px, 85px);
transform: translate(796px, 85px);
}
52.5% {
-webkit-transform: translate(828px, 85px);
transform: translate(828px, 85px);
}
55% {
-webkit-transform: translate(860px, 85px);
transform: translate(860px, 85px);
}
57.5% {
-webkit-transform: translate(892px, 58px);
transform: translate(892px, 58px);
}
60% {
-webkit-transform: translate(924px, 85px);
transform: translate(924px, 85px);
}
62.5% {
-webkit-transform: translate(956px, 112px);
transform: translate(956px, 112px);
}
65% {
-webkit-transform: translate(988px, 139px);
transform: translate(988px, 139px);
}
67.5% {
-webkit-transform: translate(1020px, 139px);
transform: translate(1020px, 139px);
}
70% {
-webkit-transform: translate(1052px, 112px);
transform: translate(1052px, 112px);
}
72.5% {
-webkit-transform: translate(1084px, 139px);
transform: translate(1084px, 139px);
}
75% {
-webkit-transform: translate(1116px, 166px);
transform: translate(1116px, 166px);
}
77.5% {
-webkit-transform: translate(1148px, 139px);
transform: translate(1148px, 139px);
}
80% {
-webkit-transform: translate(1180px, 166px);
transform: translate(1180px, 166px);
}
82.5% {
-webkit-transform: translate(1212px, 166px);
transform: translate(1212px, 166px);
}
85% {
-webkit-transform: translate(1244px, 166px);
transform: translate(1244px, 166px);
}
87.5% {
-webkit-transform: translate(1276px, 193px);
transform: translate(1276px, 193px);
}
90% {
-webkit-transform: translate(1308px, 220px);
transform: translate(1308px, 220px);
}
92.5% {
-webkit-transform: translate(1340px, 220px);
transform: translate(1340px, 220px);
}
95% {
-webkit-transform: translate(1372px, 193px);
transform: translate(1372px, 193px);
}
97.5% {
-webkit-transform: translate(1404px, 193px);
transform: translate(1404px, 193px);
}
100% {
-webkit-transform: translate(1436px, 166px);
transform: translate(1436px, 166px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation14 {
0% {
-webkit-transform: translate(156px, -23px);
transform: translate(156px, -23px);
}
2.5% {
-webkit-transform: translate(188px, 4px);
transform: translate(188px, 4px);
}
5% {
-webkit-transform: translate(220px, 4px);
transform: translate(220px, 4px);
}
7.5% {
-webkit-transform: translate(252px, -23px);
transform: translate(252px, -23px);
}
10% {
-webkit-transform: translate(284px, -23px);
transform: translate(284px, -23px);
}
12.5% {
-webkit-transform: translate(316px, -23px);
transform: translate(316px, -23px);
}
15% {
-webkit-transform: translate(348px, -23px);
transform: translate(348px, -23px);
}
17.5% {
-webkit-transform: translate(380px, -23px);
transform: translate(380px, -23px);
}
20% {
-webkit-transform: translate(412px, 4px);
transform: translate(412px, 4px);
}
22.5% {
-webkit-transform: translate(444px, 31px);
transform: translate(444px, 31px);
}
25% {
-webkit-transform: translate(476px, 31px);
transform: translate(476px, 31px);
}
27.5% {
-webkit-transform: translate(508px, 4px);
transform: translate(508px, 4px);
}
30% {
-webkit-transform: translate(540px, 31px);
transform: translate(540px, 31px);
}
32.5% {
-webkit-transform: translate(572px, 4px);
transform: translate(572px, 4px);
}
35% {
-webkit-transform: translate(604px, 4px);
transform: translate(604px, 4px);
}
37.5% {
-webkit-transform: translate(636px, 31px);
transform: translate(636px, 31px);
}
40% {
-webkit-transform: translate(668px, 4px);
transform: translate(668px, 4px);
}
42.5% {
-webkit-transform: translate(700px, 31px);
transform: translate(700px, 31px);
}
45% {
-webkit-transform: translate(732px, 58px);
transform: translate(732px, 58px);
}
47.5% {
-webkit-transform: translate(764px, 58px);
transform: translate(764px, 58px);
}
50% {
-webkit-transform: translate(796px, 85px);
transform: translate(796px, 85px);
}
52.5% {
-webkit-transform: translate(828px, 85px);
transform: translate(828px, 85px);
}
55% {
-webkit-transform: translate(860px, 85px);
transform: translate(860px, 85px);
}
57.5% {
-webkit-transform: translate(892px, 58px);
transform: translate(892px, 58px);
}
60% {
-webkit-transform: translate(924px, 85px);
transform: translate(924px, 85px);
}
62.5% {
-webkit-transform: translate(956px, 112px);
transform: translate(956px, 112px);
}
65% {
-webkit-transform: translate(988px, 139px);
transform: translate(988px, 139px);
}
67.5% {
-webkit-transform: translate(1020px, 139px);
transform: translate(1020px, 139px);
}
70% {
-webkit-transform: translate(1052px, 112px);
transform: translate(1052px, 112px);
}
72.5% {
-webkit-transform: translate(1084px, 139px);
transform: translate(1084px, 139px);
}
75% {
-webkit-transform: translate(1116px, 166px);
transform: translate(1116px, 166px);
}
77.5% {
-webkit-transform: translate(1148px, 139px);
transform: translate(1148px, 139px);
}
80% {
-webkit-transform: translate(1180px, 166px);
transform: translate(1180px, 166px);
}
82.5% {
-webkit-transform: translate(1212px, 166px);
transform: translate(1212px, 166px);
}
85% {
-webkit-transform: translate(1244px, 166px);
transform: translate(1244px, 166px);
}
87.5% {
-webkit-transform: translate(1276px, 193px);
transform: translate(1276px, 193px);
}
90% {
-webkit-transform: translate(1308px, 220px);
transform: translate(1308px, 220px);
}
92.5% {
-webkit-transform: translate(1340px, 220px);
transform: translate(1340px, 220px);
}
95% {
-webkit-transform: translate(1372px, 193px);
transform: translate(1372px, 193px);
}
97.5% {
-webkit-transform: translate(1404px, 193px);
transform: translate(1404px, 193px);
}
100% {
-webkit-transform: translate(1436px, 166px);
transform: translate(1436px, 166px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation15 {
0% {
-webkit-transform: translate(956px, 949px);
transform: translate(956px, 949px);
}
50% {
-webkit-transform: translate(988px, 922px);
transform: translate(988px, 922px);
}
100% {
-webkit-transform: translate(1020px, 895px);
transform: translate(1020px, 895px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation15 {
0% {
-webkit-transform: translate(956px, 949px);
transform: translate(956px, 949px);
}
50% {
-webkit-transform: translate(988px, 922px);
transform: translate(988px, 922px);
}
100% {
-webkit-transform: translate(1020px, 895px);
transform: translate(1020px, 895px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation16 {
0% {
-webkit-transform: translate(1052px, 625px);
transform: translate(1052px, 625px);
}
11.11% {
-webkit-transform: translate(1084px, 652px);
transform: translate(1084px, 652px);
}
22.22% {
-webkit-transform: translate(1116px, 652px);
transform: translate(1116px, 652px);
}
33.33% {
-webkit-transform: translate(1148px, 679px);
transform: translate(1148px, 679px);
}
44.44% {
-webkit-transform: translate(1180px, 679px);
transform: translate(1180px, 679px);
}
55.56% {
-webkit-transform: translate(1212px, 652px);
transform: translate(1212px, 652px);
}
66.67% {
-webkit-transform: translate(1244px, 625px);
transform: translate(1244px, 625px);
}
77.78% {
-webkit-transform: translate(1276px, 652px);
transform: translate(1276px, 652px);
}
88.89% {
-webkit-transform: translate(1308px, 679px);
transform: translate(1308px, 679px);
}
100% {
-webkit-transform: translate(1340px, 706px);
transform: translate(1340px, 706px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation16 {
0% {
-webkit-transform: translate(1052px, 625px);
transform: translate(1052px, 625px);
}
11.11% {
-webkit-transform: translate(1084px, 652px);
transform: translate(1084px, 652px);
}
22.22% {
-webkit-transform: translate(1116px, 652px);
transform: translate(1116px, 652px);
}
33.33% {
-webkit-transform: translate(1148px, 679px);
transform: translate(1148px, 679px);
}
44.44% {
-webkit-transform: translate(1180px, 679px);
transform: translate(1180px, 679px);
}
55.56% {
-webkit-transform: translate(1212px, 652px);
transform: translate(1212px, 652px);
}
66.67% {
-webkit-transform: translate(1244px, 625px);
transform: translate(1244px, 625px);
}
77.78% {
-webkit-transform: translate(1276px, 652px);
transform: translate(1276px, 652px);
}
88.89% {
-webkit-transform: translate(1308px, 679px);
transform: translate(1308px, 679px);
}
100% {
-webkit-transform: translate(1340px, 706px);
transform: translate(1340px, 706px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation17 {
0% {
-webkit-transform: translate(636px, -23px);
transform: translate(636px, -23px);
}
10% {
-webkit-transform: translate(668px, -50px);
transform: translate(668px, -50px);
}
20% {
-webkit-transform: translate(700px, -23px);
transform: translate(700px, -23px);
}
30% {
-webkit-transform: translate(732px, -23px);
transform: translate(732px, -23px);
}
40% {
-webkit-transform: translate(764px, -23px);
transform: translate(764px, -23px);
}
50% {
-webkit-transform: translate(796px, 4px);
transform: translate(796px, 4px);
}
60% {
-webkit-transform: translate(828px, 31px);
transform: translate(828px, 31px);
}
70% {
-webkit-transform: translate(860px, 4px);
transform: translate(860px, 4px);
}
80% {
-webkit-transform: translate(892px, 31px);
transform: translate(892px, 31px);
}
90% {
-webkit-transform: translate(924px, 31px);
transform: translate(924px, 31px);
}
100% {
-webkit-transform: translate(956px, 4px);
transform: translate(956px, 4px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation17 {
0% {
-webkit-transform: translate(636px, -23px);
transform: translate(636px, -23px);
}
10% {
-webkit-transform: translate(668px, -50px);
transform: translate(668px, -50px);
}
20% {
-webkit-transform: translate(700px, -23px);
transform: translate(700px, -23px);
}
30% {
-webkit-transform: translate(732px, -23px);
transform: translate(732px, -23px);
}
40% {
-webkit-transform: translate(764px, -23px);
transform: translate(764px, -23px);
}
50% {
-webkit-transform: translate(796px, 4px);
transform: translate(796px, 4px);
}
60% {
-webkit-transform: translate(828px, 31px);
transform: translate(828px, 31px);
}
70% {
-webkit-transform: translate(860px, 4px);
transform: translate(860px, 4px);
}
80% {
-webkit-transform: translate(892px, 31px);
transform: translate(892px, 31px);
}
90% {
-webkit-transform: translate(924px, 31px);
transform: translate(924px, 31px);
}
100% {
-webkit-transform: translate(956px, 4px);
transform: translate(956px, 4px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation18 {
0% {
-webkit-transform: translate(764px, 976px);
transform: translate(764px, 976px);
}
5.88% {
-webkit-transform: translate(796px, 1003px);
transform: translate(796px, 1003px);
}
11.76% {
-webkit-transform: translate(828px, 1003px);
transform: translate(828px, 1003px);
}
17.65% {
-webkit-transform: translate(860px, 1030px);
transform: translate(860px, 1030px);
}
23.53% {
-webkit-transform: translate(892px, 1003px);
transform: translate(892px, 1003px);
}
29.41% {
-webkit-transform: translate(924px, 1030px);
transform: translate(924px, 1030px);
}
35.29% {
-webkit-transform: translate(956px, 1057px);
transform: translate(956px, 1057px);
}
41.18% {
-webkit-transform: translate(988px, 1084px);
transform: translate(988px, 1084px);
}
47.06% {
-webkit-transform: translate(1020px, 1084px);
transform: translate(1020px, 1084px);
}
52.94% {
-webkit-transform: translate(1052px, 1111px);
transform: translate(1052px, 1111px);
}
58.82% {
-webkit-transform: translate(1084px, 1111px);
transform: translate(1084px, 1111px);
}
64.71% {
-webkit-transform: translate(1116px, 1111px);
transform: translate(1116px, 1111px);
}
70.59% {
-webkit-transform: translate(1148px, 1111px);
transform: translate(1148px, 1111px);
}
76.47% {
-webkit-transform: translate(1180px, 1084px);
transform: translate(1180px, 1084px);
}
82.35% {
-webkit-transform: translate(1212px, 1084px);
transform: translate(1212px, 1084px);
}
88.24% {
-webkit-transform: translate(1244px, 1084px);
transform: translate(1244px, 1084px);
}
94.12% {
-webkit-transform: translate(1276px, 1084px);
transform: translate(1276px, 1084px);
}
100% {
-webkit-transform: translate(1308px, 1084px);
transform: translate(1308px, 1084px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation18 {
0% {
-webkit-transform: translate(764px, 976px);
transform: translate(764px, 976px);
}
5.88% {
-webkit-transform: translate(796px, 1003px);
transform: translate(796px, 1003px);
}
11.76% {
-webkit-transform: translate(828px, 1003px);
transform: translate(828px, 1003px);
}
17.65% {
-webkit-transform: translate(860px, 1030px);
transform: translate(860px, 1030px);
}
23.53% {
-webkit-transform: translate(892px, 1003px);
transform: translate(892px, 1003px);
}
29.41% {
-webkit-transform: translate(924px, 1030px);
transform: translate(924px, 1030px);
}
35.29% {
-webkit-transform: translate(956px, 1057px);
transform: translate(956px, 1057px);
}
41.18% {
-webkit-transform: translate(988px, 1084px);
transform: translate(988px, 1084px);
}
47.06% {
-webkit-transform: translate(1020px, 1084px);
transform: translate(1020px, 1084px);
}
52.94% {
-webkit-transform: translate(1052px, 1111px);
transform: translate(1052px, 1111px);
}
58.82% {
-webkit-transform: translate(1084px, 1111px);
transform: translate(1084px, 1111px);
}
64.71% {
-webkit-transform: translate(1116px, 1111px);
transform: translate(1116px, 1111px);
}
70.59% {
-webkit-transform: translate(1148px, 1111px);
transform: translate(1148px, 1111px);
}
76.47% {
-webkit-transform: translate(1180px, 1084px);
transform: translate(1180px, 1084px);
}
82.35% {
-webkit-transform: translate(1212px, 1084px);
transform: translate(1212px, 1084px);
}
88.24% {
-webkit-transform: translate(1244px, 1084px);
transform: translate(1244px, 1084px);
}
94.12% {
-webkit-transform: translate(1276px, 1084px);
transform: translate(1276px, 1084px);
}
100% {
-webkit-transform: translate(1308px, 1084px);
transform: translate(1308px, 1084px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @-webkit-keyframes animation19 {
0% {
-webkit-transform: translate(92px, 760px);
transform: translate(92px, 760px);
}
5% {
-webkit-transform: translate(124px, 733px);
transform: translate(124px, 733px);
}
10% {
-webkit-transform: translate(156px, 706px);
transform: translate(156px, 706px);
}
15% {
-webkit-transform: translate(188px, 733px);
transform: translate(188px, 733px);
}
20% {
-webkit-transform: translate(220px, 733px);
transform: translate(220px, 733px);
}
25% {
-webkit-transform: translate(252px, 733px);
transform: translate(252px, 733px);
}
30% {
-webkit-transform: translate(284px, 706px);
transform: translate(284px, 706px);
}
35% {
-webkit-transform: translate(316px, 733px);
transform: translate(316px, 733px);
}
40% {
-webkit-transform: translate(348px, 706px);
transform: translate(348px, 706px);
}
45% {
-webkit-transform: translate(380px, 679px);
transform: translate(380px, 679px);
}
50% {
-webkit-transform: translate(412px, 652px);
transform: translate(412px, 652px);
}
55% {
-webkit-transform: translate(444px, 625px);
transform: translate(444px, 625px);
}
60% {
-webkit-transform: translate(476px, 652px);
transform: translate(476px, 652px);
}
65% {
-webkit-transform: translate(508px, 625px);
transform: translate(508px, 625px);
}
70% {
-webkit-transform: translate(540px, 598px);
transform: translate(540px, 598px);
}
75% {
-webkit-transform: translate(572px, 598px);
transform: translate(572px, 598px);
}
80% {
-webkit-transform: translate(604px, 598px);
transform: translate(604px, 598px);
}
85% {
-webkit-transform: translate(636px, 598px);
transform: translate(636px, 598px);
}
90% {
-webkit-transform: translate(668px, 625px);
transform: translate(668px, 625px);
}
95% {
-webkit-transform: translate(700px, 652px);
transform: translate(700px, 652px);
}
100% {
-webkit-transform: translate(732px, 652px);
transform: translate(732px, 652px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} @keyframes animation19 {
0% {
-webkit-transform: translate(92px, 760px);
transform: translate(92px, 760px);
}
5% {
-webkit-transform: translate(124px, 733px);
transform: translate(124px, 733px);
}
10% {
-webkit-transform: translate(156px, 706px);
transform: translate(156px, 706px);
}
15% {
-webkit-transform: translate(188px, 733px);
transform: translate(188px, 733px);
}
20% {
-webkit-transform: translate(220px, 733px);
transform: translate(220px, 733px);
}
25% {
-webkit-transform: translate(252px, 733px);
transform: translate(252px, 733px);
}
30% {
-webkit-transform: translate(284px, 706px);
transform: translate(284px, 706px);
}
35% {
-webkit-transform: translate(316px, 733px);
transform: translate(316px, 733px);
}
40% {
-webkit-transform: translate(348px, 706px);
transform: translate(348px, 706px);
}
45% {
-webkit-transform: translate(380px, 679px);
transform: translate(380px, 679px);
}
50% {
-webkit-transform: translate(412px, 652px);
transform: translate(412px, 652px);
}
55% {
-webkit-transform: translate(444px, 625px);
transform: translate(444px, 625px);
}
60% {
-webkit-transform: translate(476px, 652px);
transform: translate(476px, 652px);
}
65% {
-webkit-transform: translate(508px, 625px);
transform: translate(508px, 625px);
}
70% {
-webkit-transform: translate(540px, 598px);
transform: translate(540px, 598px);
}
75% {
-webkit-transform: translate(572px, 598px);
transform: translate(572px, 598px);
}
80% {
-webkit-transform: translate(604px, 598px);
transform: translate(604px, 598px);
}
85% {
-webkit-transform: translate(636px, 598px);
transform: translate(636px, 598px);
}
90% {
-webkit-transform: translate(668px, 625px);
transform: translate(668px, 625px);
}
95% {
-webkit-transform: translate(700px, 652px);
transform: translate(700px, 652px);
}
100% {
-webkit-transform: translate(732px, 652px);
transform: translate(732px, 652px);
}
0% {
opacity: 0;
}
15% {
opacity: 1;
}
85% {
opacity: 1;
}
100% {
opacity: 0;
}
} .particle {
position: absolute; opacity: 0; overflow: visible; background-size: contain;
}
.elem1 {
left: 124px;
top: 193px;
-webkit-animation: animation1 linear 17s infinite;
animation: animation1 linear 17s infinite;
height: 17px;
width: 17px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle2.svg);
}
.elem2 {
left: -100px;
top: 85px;
-webkit-animation: animation2 linear 16s infinite;
animation: animation2 linear 16s infinite;
height: 26px;
width: 26px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle3.svg);
}
.elem3 {
left: -4px;
top: 31px;
-webkit-animation: animation3 linear 19s infinite;
animation: animation3 linear 19s infinite;
height: 13px;
width: 13px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle4.svg);
}
.elem4 {
left: -36px;
top: 31px;
-webkit-animation: animation4 linear 19s infinite;
animation: animation4 linear 19s infinite;
height: 20px;
width: 20px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle5.svg);
}
.elem5 {
left: 60px;
top: -23px;
-webkit-animation: animation5 linear 18s infinite;
animation: animation5 linear 18s infinite;
height: 32px;
width: 32px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle1.svg);
}
.elem6 {
left: -100px;
top: 85px;
-webkit-animation: animation6 linear 19s infinite;
animation: animation6 linear 19s infinite;
height: 15px;
width: 15px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle2.svg);
}
.elem7 {
left: -4px;
top: 85px;
-webkit-animation: animation7 linear 16s infinite;
animation: animation7 linear 16s infinite;
height: 19px;
width: 19px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle3.svg);
}
.elem8 {
left: 124px;
top: 112px;
-webkit-animation: animation8 linear 20s infinite;
animation: animation8 linear 20s infinite;
height: 19px;
width: 19px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle4.svg);
}
.elem9 {
left: -68px;
top: -23px;
-webkit-animation: animation9 linear 20s infinite;
animation: animation9 linear 20s infinite;
height: 14px;
width: 14px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle5.svg);
}
.elem10 {
left: 124px;
top: 85px;
-webkit-animation: animation10 linear 17s infinite;
animation: animation10 linear 17s infinite;
height: 13px;
width: 13px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle1.svg);
}
.elem11 {
left: -36px;
top: 112px;
-webkit-animation: animation11 linear 18s infinite;
animation: animation11 linear 18s infinite;
height: 15px;
width: 15px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle2.svg);
}
.elem12 {
left: 28px;
top: 58px;
-webkit-animation: animation12 linear 20s infinite;
animation: animation12 linear 20s infinite;
height: 14px;
width: 14px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle3.svg);
}
.elem13 {
left: 124px;
top: -50px;
-webkit-animation: animation13 linear 19s infinite;
animation: animation13 linear 19s infinite;
height: 29px;
width: 29px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle4.svg);
}
.elem14 {
left: 60px;
top: 112px;
-webkit-animation: animation14 linear 16s infinite;
animation: animation14 linear 16s infinite;
height: 25px;
width: 25px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle5.svg);
}
.elem15 {
left: 188px;
top: 166px;
-webkit-animation: animation15 linear 17s infinite;
animation: animation15 linear 17s infinite;
height: 23px;
width: 23px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle1.svg);
}
.elem16 {
left: 60px;
top: 31px;
-webkit-animation: animation16 linear 16s infinite;
animation: animation16 linear 16s infinite;
height: 18px;
width: 18px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle2.svg);
}
.elem17 {
left: 156px;
top: 31px;
-webkit-animation: animation17 linear 20s infinite;
animation: animation17 linear 20s infinite;
height: 17px;
width: 17px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle3.svg);
}
.elem18 {
left: 28px;
top: -50px;
-webkit-animation: animation18 linear 19s infinite;
animation: animation18 linear 19s infinite;
height: 23px;
width: 23px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle4.svg);
}
.elem19 {
left: 28px;
top: -23px;
-webkit-animation: animation19 linear 18s infinite;
animation: animation19 linear 18s infinite;
height: 26px;
width: 26px;
background-image: url(https://www.mayerhofersimon.de/pens/animations-rem/particle5.svg);
}
.anim-delay1 {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.anim-delay2 {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.anim-delay3 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.anim-delay4 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.anim-delay5 {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.anim-delay6 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.anim-delay7 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.anim-delay8 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.anim-delay9 {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.anim-delay10 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.anim-delay11 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.anim-delay12 {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.anim-delay13 {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.anim-delay14 {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.anim-delay15 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.anim-delay16 {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.anim-delay17 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.anim-delay18 {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.anim-delay19 {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.anim-delay20 {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.wrapper {
height: 100vh; overflow: hidden; width: 100%; margin: 0 auto; background: #333; position: relative;
}
