-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathindex.html
More file actions
193 lines (186 loc) · 66.8 KB
/
Copy pathindex.html
File metadata and controls
193 lines (186 loc) · 66.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<!DOCTYPE html><html lang="en-US"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.7dbf557f704252b82cb9.css" data-identity="gatsby-global-css">.a-dance{animation:dance 2s linear 1;opacity:1!important;visibility:visible!important}@keyframes dance{0%,10%,20%{transform:rotate(10deg)}5%,15%,25%{transform:rotate(-10deg)}35%,60%,to{box-shadow:inset 0 0 0 0 transparent;transform:scale(1) rotate(0deg)}40%{box-shadow:inset 0 0 0 0;box-shadow:inset 0 0 0 2px rgba(0,0,0,.1);transform:scale(1.3)}}.a-journal{animation:journal 2s ease-in 1;opacity:1!important;visibility:visible!important}@keyframes journal{0%{transform:scale(0) rotate(-1turn)}80%{transform:scale(.5) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.a-pulse{animation:pulse .5s linear infinite alternate;opacity:1!important;visibility:visible!important}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.a-pulse-slow{animation:pulseSlow 1s ease-in-out infinite alternate;opacity:1!important;visibility:visible!important}@keyframes pulseSlow{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(.85)}}@keyframes jamp{0%{transform:translateY(0)}10%{transform:translateY(-50px)}25%{transform:translateY(-50px) scale(1.1)}35%{transform:translateY(-50px) scale(1)}45%{transform:translateY(-50px) scale(1.2)}55%{transform:translateY(-50px) scale(1)}65%{transform:translate(150px,-50px) scale(.8)}85%{transform:translate(150px,-50px) scale(1.2)}95%{transform:translate(0) scale(1)}to{transform:translate(0)}}.a-jamp{animation:jamp 1s linear 1;opacity:1!important;visibility:visible!important}@keyframes fourRock{0%{transform-origin:0 0}5%{transform:scale(.5)}10%{transform:scale(.5)}15%{transform:scale(.5) translateX(130px)}20%{transform:scale(.5) translateX(130px)}25%{transform:scale(.5) translate(130px,130px)}30%{transform:scale(.5) translateY(130px)}35%{transform:scale(.5) translate(0)}40%{transform:scale(1)}to{transform:scale(1);transform-origin:0 0}}.a-four-rock{animation:fourRock 2s ease-out 1}.a-enter-up-bounce,.a-four-rock{opacity:1!important;visibility:visible!important}.a-enter-up-bounce{animation:enterUpBounce .8s linear 1}@keyframes enterUpBounce{0%{opacity:0;transform:translateY(120px)}50%{transform:translateY(0)}70%{transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.a-enter-down-bounce{animation:enterDownBounce .8s linear 1;opacity:1!important;visibility:visible!important}@keyframes enterDownBounce{0%{opacity:0;transform:translateY(-120px)}50%{transform:translateY(0)}70%{transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.a-enter-left-bounce{animation:enterLeftBounce .8s linear 1;opacity:1!important;visibility:visible!important}@keyframes enterLeftBounce{0%{opacity:0;transform:translateX(-120px)}50%{transform:translateX(0)}70%{transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.a-enter-right-bounce{animation:enterRightBounce .8s linear 1;opacity:1!important;visibility:visible!important}@keyframes enterRightBounce{0%{opacity:0;transform:translateX(120px)}50%{transform:translateX(0)}70%{transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.a-jump-bounce{animation:jumpBounce 1.5s ease-out 1;opacity:1!important;visibility:visible!important}@keyframes jumpBounce{10%{transform:translateY(-100px)}20%,35%,50%{transform:translateY(0)}25%{transform:translateY(-40px)}40%{transform:translateY(-10px)}}.a-scale-bounce{animation:scaleBounce .6s ease-in-out;opacity:1!important;visibility:visible!important}@keyframes scaleBounce{0%{opacity:0;transform:scale(1.5)}50%{transform:scale(1)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.a-jelly-bounce-bottom{animation:JellyBounceBottom 1s ease-in-out 1;opacity:1!important;visibility:visible!important}@keyframes JellyBounceBottom{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(24px)}65%{animation-timing-function:ease-in;transform:translateY(12px)}82%{animation-timing-function:ease-in;transform:translateY(6px)}93%{animation-timing-function:ease-in;transform:translateY(4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}}.a-jelly-bounce-left{animation:JellyBounceLeft 1s ease-in-out 1;opacity:1!important;visibility:visible!important}@keyframes JellyBounceLeft{0%{animation-timing-function:ease-in;opacity:1;transform:translateX(-48px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateX(-26px)}65%{animation-timing-function:ease-in;transform:translateX(-13px)}82%{animation-timing-function:ease-in;transform:translateX(-6.5px)}93%{animation-timing-function:ease-in;transform:translateX(-4px)}25%,55%,75%,87%,98%{animation-timing-function:ease-out;transform:translateX(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateX(0)}}.a-jelly-bounce-right{animation:JellyBounceRight 1s ease-in-out 1;opacity:1!important;visibility:visible!important}@keyframes JellyBounceRight{0%{animation-timing-function:ease-in;opacity:1;transform:translateX(48px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateX(26px)}65%{animation-timing-function:ease-in;transform:translateX(13px)}82%{animation-timing-function:ease-in;transform:translateX(6.5px)}93%{animation-timing-function:ease-in;transform:translateX(4px)}25%,55%,75%,87%,98%{animation-timing-function:ease-out;transform:translateX(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateX(0)}}.a-jelly-bounce-top{animation:JellyBounceTop 1s ease-in-out 1;opacity:1!important;visibility:visible!important}@keyframes JellyBounceTop{0%{animation-timing-function:ease-in;opacity:1;transform:translateY(-45px)}24%{opacity:1}40%{animation-timing-function:ease-in;transform:translateY(-24px)}65%{animation-timing-function:ease-in;transform:translateY(-12px)}82%{animation-timing-function:ease-in;transform:translateY(-6px)}93%{animation-timing-function:ease-in;transform:translateY(-4px)}25%,55%,75%,87%{animation-timing-function:ease-out;transform:translateY(0)}to{animation-timing-function:ease-out;opacity:1;transform:translateY(0)}}.a-perspective{-webkit-perspective:600;-o-perspective:600;-moz-perspective:600;perspective:600}.a-three-flip-down{animation:threeFlipDown 1s ease-in-out 1;opacity:1!important;transform:rotateX(90deg);transform-origin:0 100%;visibility:visible!important}@keyframes threeFlipDown{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}.a-three-flip-left{animation:threeFlipLeft 1s ease-in-out 1;opacity:1!important;transform:rotateY(-90deg);transform-origin:0 0;visibility:visible!important}@keyframes threeFlipLeft{0%{transform:rotateY(0)}to{transform:rotateY(-90deg)}}.a-three-flip-right{animation:threeFlipRight 1s ease-in-out 1;opacity:1!important;transform:rotateY(90deg);transform-origin:100% 0;visibility:visible!important}@keyframes threeFlipRight{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}.a-three-flip-up{animation:threeFlipUp 1s ease-in-out 1;opacity:1!important;transform:rotateX(90deg);transform-origin:100% 0;visibility:visible!important}@keyframes threeFlipUp{0%{transform:rotateX(0)}to{transform:rotateX(90deg)}}.a-flip-left-bounce{animation:flipLeftBounce 1s ease-in-out 1}@keyframes flipLeftBounce{0%{opacity:0;transform:rotateY(70deg)}50%{opacity:1;transform:rotateY(-5deg)}80%{transform:rotateY(20deg)}to{transform:rotateY(0deg)}}.a-flip-right-bounce{animation:flipRightBounce 1s ease-in-out 1}@keyframes flipRightBounce{0%{opacity:0;transform:rotateY(-70deg)}50%{opacity:1;transform:rotateY(5deg)}80%{transform:rotateY(-20deg)}to{transform:rotateY(0deg)}}.a-rotate-flip{animation:rotateFlip 1s linear 1;opacity:1!important;visibility:visible!important}@keyframes rotateFlip{0%{transform-origin:50%}40%{opacity:0;transform:rotateY(70deg)}60%{opacity:0;transform:rotateY(70deg)}to{opacity:1;transform:rotateY(0deg)}}.a-flip-top{animation:flipTop 1s ease-out 1}@keyframes flipTop{0%{opacity:0;transform:translateY(-100px)}70%{opacity:1;transform:translateY(0)}}.a-flip-bottom{animation:flipBottom 1s ease-out 1}@keyframes flipBottom{0%{opacity:0;transform:translateY(100px)}70%{opacity:1;transform:translateY(30px)}to{transform:translateY(0)}}.a-flip-left{animation:flipLeft 1s ease-out 1}@keyframes flipLeft{0%{opacity:0;transform:translateX(-100px)}70%{opacity:1;transform:translateX(0)}}.a-flip-right{animation:flipRight 1s ease-out 1}@keyframes flipRight{0%{opacity:0;transform:translateX(100px)}70%{opacity:1;transform:translateX(0)}}.a-flip-scale{animation:flipScale 1s ease-in-out 1;opacity:1!important;visibility:visible!important}@keyframes flipScale{0%{transform:scale(1) rotate3d(-1,1,0,0deg)}50%{transform:scale(.4) rotate3d(-1,1,0,-90deg)}75%{transform:scale(1) rotate3d(-1,1,0,-180deg)}to{transform:scale(1) rotate3d(-1,1,0,-1turn)}}.a-rotate-out{animation:rotateOut 1.5s ease-in 1;opacity:0;visibility:hidden}@keyframes rotateOut{0%{opacity:1;visibility:visible}50%,to{transform:scale(0) rotateY(189deg)}}.a-rotate-flip-down{animation:rotateFlipDown 1s linear 1;opacity:1!important;visibility:visible!important}@keyframes rotateFlipDown{0%{transform-origin:50%}40%{opacity:0;transform:rotateX(70deg)}60%{opacity:0;transform:rotateX(70deg)}to{opacity:1;transform:rotateX(0deg)}}.a-rotate-down-bounce{animation:rotateDowBounce 2s ease-in-out 1;opacity:0;transform-origin:0 0;visibility:hidden}@keyframes rotateDowBounce{0%{opacity:1;transform:rotate(0deg);visibility:visible}20%{transform:rotate(25deg)}40%{transform:rotate(30deg)}10%,30%,50%{opacity:1;transform:rotate(40deg);visibility:visible}80%,to{opacity:0;transform:rotate(30deg) translateY(310px) translateX(230px);visibility:hidden}}.a-flash-bang{animation:flashBang 2s linear 1}@keyframes flashBang{0%,20%{opacity:0}10%,30%,to{opacity:1}}.a-bomb{animation:bomb 1s ease-out 1;opacity:0;visibility:hidden}@keyframes bomb{0%{opacity:1;transform:rotate(0);transform-origin:-50% 0;visibility:visible}50%,to{transform:rotate(-210deg);transform-origin:-20% 0}47%,to{opacity:0;visibility:hidden}}.a-legend-left{opacity:1!important;visibility:visible!important}.a-legend-left:before{animation:legendLeft .5s ease-out 1;background:rgba(0,0,0,.5);content:"";display:block;height:64%;left:0;position:absolute;top:0;transform:translateY(9px) translateX(9px);width:90%;z-index:1000}@keyframes legendLeft{0%{transform:translateY(9px) translateX(0);width:0}to{transform:translateY(9px) translateX(9px);width:90%}}.a-legend-right{opacity:1!important;visibility:visible!important}.a-legend-right:before{animation:legendRight .5s ease-out 1;background:rgba(0,0,0,.5);content:"";display:block;height:64%;left:0;position:absolute;top:0;transform:translateY(9px) translateX(9px);width:90%;z-index:1000}@keyframes legendRight{0%{left:100%;width:0}to{width:90%}}.a-legend-up{opacity:1!important;visibility:visible!important}.a-legend-up:before{animation:legendUp .5s ease-out 1;background:rgba(0,0,0,.5);content:"";display:block;height:64%;position:absolute;transform:translateY(9px) translateX(9px);width:90%;z-index:1000}@keyframes legendUp{0%{height:0;top:70%}to{height:64%;top:0}}.a-legend-down{opacity:1!important;visibility:visible!important}.a-legend-down:before{animation:legendDown .5s ease-out 1;background:rgba(0,0,0,.5);content:"";display:block;height:64%;position:absolute;transform:translateY(9px) translateX(9px);width:90%;z-index:1000}@keyframes legendDown{0%{height:0;transform:translateY(0) translateX(9px)}to{height:64%;transform:translateY(9px) translateX(9px)}}.a-portrait-before{opacity:1!important;visibility:visible!important}.a-portrait-before:before{animation:portraitBefore .5s ease-out 1;box-shadow:inset 0 0 0 100px rgba(0,0,0,.5);content:"";display:block;height:64%;position:absolute;transform:translateY(9px) translateX(9px);width:90%;z-index:1000}@keyframes portraitBefore{0%{box-shadow:inset 0 0 0 0 rgba(0,0,0,.5);height:74%;transform:translateY(0) translateX(0);width:100%}to{box-shadow:inset 0 0 0 100px rgba(0,0,0,.5);height:64%;transform:translateY(9px) translateX(9px);width:90%}}.a-portrait-blur{opacity:1!important;visibility:visible!important}.a-portrait-blur:before{animation:portraitBlur .5s ease-out 1;box-shadow:inset 0 0 100px 100px rgba(0,0,0,.5);content:"";display:block;height:64%;position:absolute;transform:translateY(9px) translateX(9px);width:90%;z-index:1000}@keyframes portraitBlur{0%{box-shadow:inset 0 0 0 0 rgba(0,0,0,.5);height:74%;transform:translateY(0) translateX(0);width:100%}to{box-shadow:inset 0 0 100px 100px rgba(0,0,0,.5);height:64%;transform:translateY(9px) translateX(9px);width:90%}}.a-scale-before{opacity:1!important;visibility:visible!important}.a-scale-before:before{animation:scaleBefore .5s ease-out 1;background:rgba(0,0,0,.5);content:"";display:block;height:64%;position:absolute;transform:translateY(9px) translateX(9px);width:90%;z-index:1000}@keyframes scaleBefore{0%{transform:translateY(9px) translateX(9px) scale(1.5)}to{transform:translateY(9px) translateX(9px) scale(1)}}.a-jello-horizontal{animation:JellyHorizontal 1s ease-in-out 1;opacity:1!important;visibility:visible!important}@keyframes JellyHorizontal{0%{transform:scaleX(1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}to{transform:scaleX(1)}}.a-jello-vertical{animation:JelloVertical 1s ease-in-out 1;opacity:1!important;visibility:visible!important}@keyframes JelloVertical{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.a-vibrate-low{animation:VibrateL 2s ease 0s infinite normal forwards;opacity:1!important;visibility:visible!important}@keyframes VibrateL{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.a-vibrate-medium{animation:VibrateM 2s ease 0s infinite normal forwards;opacity:1!important;visibility:visible!important}@keyframes VibrateM{0%{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,2px)}80%{transform:translate(-2px,-2px)}to{transform:translate(0)}}.a-vibrate-high{animation:VibrateH 2s ease 0s infinite normal forwards;opacity:1!important;visibility:visible!important}@keyframes VibrateH{0%{transform:translate(0)}10%{transform:translate(-2px,-2px)}20%{transform:translate(2px,-2px)}30%{transform:translate(-2px,2px)}40%{transform:translate(2px,2px)}50%{transform:translate(-2px,-2px)}60%{transform:translate(2px,-2px)}70%{transform:translate(-2px,2px)}80%{transform:translate(-2px,-2px)}90%{transform:translate(2px,-2px)}to{transform:translate(0)}}.a-wobble-bottom{animation:wobbleB 2s ease 0s normal forwards;opacity:1!important;visibility:visible!important}@keyframes wobbleB{0%,to{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-30px) rotate(-6deg)}30%{transform:translateX(15px) rotate(6deg)}45%{transform:translateX(-15px) rotate(-3.6deg)}60%{transform:translateX(9px) rotate(2.4deg)}75%{transform:translateX(-6px) rotate(-1.2deg)}}.a-wobble-left{animation:wobbleL 2s ease 0s normal forwards;opacity:1!important;visibility:visible!important}@keyframes wobbleL{0%,to{transform:translateY(0) rotate(0);transform-origin:50% 50%}15%{transform:translateY(-30px) rotate(-6deg)}30%{transform:translateY(15px) rotate(6deg)}45%{transform:translateY(-15px) rotate(-3.6deg)}60%{transform:translateY(9px) rotate(2.4deg)}75%{transform:translateY(-6px) rotate(-1.2deg)}}.a-wobble-right{animation:wobbleR 2s ease 0s normal forwards;opacity:1!important;visibility:visible!important}@keyframes wobbleR{0%,to{transform:translateY(0) rotate(0);transform-origin:50% 50%}15%{transform:translateY(-30px) rotate(6deg)}30%{transform:translateY(15px) rotate(-6deg)}45%{transform:translateY(-15px) rotate(3.6deg)}60%{transform:translateY(9px) rotate(-2.4deg)}75%{transform:translateY(-6px) rotate(1.2deg)}}.a-wobble-top{animation:wobbleT 2s ease 0s normal forwards;opacity:1!important;visibility:visible!important}@keyframes wobbleT{0%,to{transform:translateX(0);transform-origin:50% 50%}15%{transform:translateX(-30px) rotate(6deg)}30%{transform:translateX(15px) rotate(-6deg)}45%{transform:translateX(-15px) rotate(3.6deg)}60%{transform:translateX(9px) rotate(-2.4deg)}75%{transform:translateX(-6px) rotate(1.2deg)}}</style><meta name="generator" content="Gatsby 3.14.3"/><style data-styled="" data-styled-version="5.3.3">.bIUaAO{font-family:var(--fonts-roboto);color:var(--colors-primary);-webkit-text-decoration:none;text-decoration:none;margin:0;font-weight:500;font-size:18px;line-height:1.5;font-weight:500;}/*!sc*/
.bIUaAO span{color:var(--secondary-light);}/*!sc*/
.bIUaAO a{color:var(--secondary-light);-webkit-transition:ease-out 0.3s all;transition:ease-out 0.3s all;-webkit-text-decoration:none;text-decoration:none;box-shadow:0 2px 0 transparent;}/*!sc*/
.bIUaAO a:hover{box-shadow:0 2px 0 var(--secondary-light);}/*!sc*/
.sKRac{font-family:var(--fonts-roboto);color:var(--colors-dark);-webkit-text-decoration:none;text-decoration:none;margin:0;font-weight:500;font-size:18px;line-height:1.5;-webkit-transition:ease-out 0.3s all;transition:ease-out 0.3s all;-webkit-text-decoration:none;text-decoration:none;box-shadow:0 2px 0 transparent;font-weight:500;}/*!sc*/
.sKRac:hover{box-shadow:0 2px 0 var(--colors-primary);}/*!sc*/
.sKRac span{color:var(--colors-primary);}/*!sc*/
.sKRac a{color:var(--secondary-light);-webkit-transition:ease-out 0.3s all;transition:ease-out 0.3s all;-webkit-text-decoration:none;text-decoration:none;box-shadow:0 2px 0 transparent;}/*!sc*/
.sKRac a:hover{box-shadow:0 2px 0 var(--secondary-light);}/*!sc*/
.gBhxdU{font-family:var(--fonts-roboto);color:var(--colors-dark);-webkit-text-decoration:none;text-decoration:none;margin:0;font-family:var(--fonts-display);font-weight:700;font-size:104px;line-height:0.95;-webkit-letter-spacing:-0.04em;-moz-letter-spacing:-0.04em;-ms-letter-spacing:-0.04em;letter-spacing:-0.04em;margin-bottom:1rem;font-weight:800;}/*!sc*/
@media (max-width:1030px){.gBhxdU{font-size:68px;}}/*!sc*/
@media (max-width:600px){.gBhxdU{font-size:48px;-webkit-letter-spacing:-0.03em;-moz-letter-spacing:-0.03em;-ms-letter-spacing:-0.03em;letter-spacing:-0.03em;}}/*!sc*/
.gBhxdU span{color:var(--colors-primary);}/*!sc*/
.gBhxdU a{color:var(--secondary-light);-webkit-transition:ease-out 0.3s all;transition:ease-out 0.3s all;-webkit-text-decoration:none;text-decoration:none;box-shadow:0 2px 0 transparent;}/*!sc*/
.gBhxdU a:hover{box-shadow:0 2px 0 var(--secondary-light);}/*!sc*/
.bniNgM{font-family:var(--fonts-roboto);color:var(--colors-dark);-webkit-text-decoration:none;text-decoration:none;margin:0;font-size:18px;line-height:1.6;font-weight:400;}/*!sc*/
.bniNgM span{color:var(--colors-primary);}/*!sc*/
.bniNgM a{color:var(--secondary-light);-webkit-transition:ease-out 0.3s all;transition:ease-out 0.3s all;-webkit-text-decoration:none;text-decoration:none;box-shadow:0 2px 0 transparent;}/*!sc*/
.bniNgM a:hover{box-shadow:0 2px 0 var(--secondary-light);}/*!sc*/
.iopPrm{font-family:var(--fonts-roboto);color:var(--colors-white);-webkit-text-decoration:none;text-decoration:none;margin:0;font-family:var(--fonts-display);font-weight:700;font-size:56px;line-height:1.1;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:bold;}/*!sc*/
@media (max-width:1030px){.iopPrm{font-size:40px;}}/*!sc*/
.iopPrm span{color:var(--colors-primary);}/*!sc*/
.iopPrm a{color:var(--colors-primary);-webkit-transition:ease-out 0.3s all;transition:ease-out 0.3s all;-webkit-text-decoration:none;text-decoration:none;box-shadow:0 2px 0 transparent;}/*!sc*/
.iopPrm a:hover{box-shadow:0 2px 0 var(--colors-primary);}/*!sc*/
.drkcIT{font-family:var(--fonts-roboto);color:var(--colors-white);-webkit-text-decoration:none;text-decoration:none;margin:0;font-family:var(--fonts-display);font-weight:600;font-size:32px;line-height:1.3;-webkit-letter-spacing:-0.01em;-moz-letter-spacing:-0.01em;-ms-letter-spacing:-0.01em;letter-spacing:-0.01em;margin-bottom:1rem;font-weight:400;}/*!sc*/
@media (max-width:1030px){.drkcIT{font-size:26px;}}/*!sc*/
.drkcIT span{color:var(--colors-primary);}/*!sc*/
.drkcIT a{color:var(--colors-primary);-webkit-transition:ease-out 0.3s all;transition:ease-out 0.3s all;-webkit-text-decoration:none;text-decoration:none;box-shadow:0 2px 0 transparent;}/*!sc*/
.drkcIT a:hover{box-shadow:0 2px 0 var(--colors-primary);}/*!sc*/
.eRcsuk{font-family:var(--fonts-roboto);color:var(--colors-dark);-webkit-text-decoration:none;text-decoration:none;margin:0;font-family:var(--fonts-display);font-weight:700;font-size:56px;line-height:1.1;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:400;}/*!sc*/
@media (max-width:1030px){.eRcsuk{font-size:40px;}}/*!sc*/
.eRcsuk span{color:var(--colors-primary);}/*!sc*/
.eRcsuk a{color:var(--secondary-light);-webkit-transition:ease-out 0.3s all;transition:ease-out 0.3s all;-webkit-text-decoration:none;text-decoration:none;box-shadow:0 2px 0 transparent;}/*!sc*/
.eRcsuk a:hover{box-shadow:0 2px 0 var(--secondary-light);}/*!sc*/
.fYFwOS{font-family:var(--fonts-roboto);color:var(--colors-dark);-webkit-text-decoration:none;text-decoration:none;margin:0;font-weight:500;font-size:18px;line-height:1.5;}/*!sc*/
.fYFwOS span{color:var(--colors-primary);}/*!sc*/
.fYFwOS a{color:var(--secondary-light);-webkit-transition:ease-out 0.3s all;transition:ease-out 0.3s all;-webkit-text-decoration:none;text-decoration:none;box-shadow:0 2px 0 transparent;}/*!sc*/
.fYFwOS a:hover{box-shadow:0 2px 0 var(--secondary-light);}/*!sc*/
data-styled.g1[id="styled__TypographText-sc-ohvexr-0"]{content:"bIUaAO,sKRac,gBhxdU,bniNgM,iopPrm,drkcIT,eRcsuk,fYFwOS,"}/*!sc*/
.dombje{list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2.5rem;}/*!sc*/
@media (max-width:600px){.dombje{gap:1.5rem;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}/*!sc*/
data-styled.g2[id="styled__NavigationWrapper-sc-mprohy-0"]{content:"dombje,"}/*!sc*/
.hinJMb{position:relative;color:var(--colors-muted);-webkit-transition:color 0.3s ease;transition:color 0.3s ease;}/*!sc*/
.hinJMb:hover,.hinJMb.hinJMb{box-shadow:none;}/*!sc*/
.hinJMb:hover{color:var(--colors-white);}/*!sc*/
.hinJMb::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#00ff6a,#00d4ff);-webkit-transition:width 0.3s ease;transition:width 0.3s ease;border-radius:1px;}/*!sc*/
.hinJMb:hover::after{width:100%;}/*!sc*/
data-styled.g3[id="styled__NavigationLink-sc-mprohy-1"]{content:"hinJMb,"}/*!sc*/
:root{--fonts-roboto:'Plus Jakarta Sans',sans-serif;--fonts-display:'Bricolage Grotesque',sans-serif;--breakpoints-phone:600;--breakpoints-tablet:1030;--secondary-light:#00d4ff;--secondary-dark:#0099cc;--colors-primary:#00ff6a;--colors-dark:#c8ccd4;--colors-white:#fff;--colors-light:#1a1d27;--colors-stone:#2a2d3a;--colors-black:#000;--colors-bg:#090b10;--colors-bgCard:#0f1218;--colors-bgElevated:#141820;--colors-muted:#6b7280;--colors-accent:#ff3d71;}/*!sc*/
*{box-sizing:border-box;}/*!sc*/
body,html{margin:0;padding:0;}/*!sc*/
html{-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;}/*!sc*/
body{background-color:#090b10;color:#c8ccd4;-webkit-scrollbar-width:thin;-moz-scrollbar-width:thin;-ms-scrollbar-width:thin;scrollbar-width:thin;-webkit-scrollbar-color:#00ff6a #090b10;-moz-scrollbar-color:#00ff6a #090b10;-ms-scrollbar-color:#00ff6a #090b10;scrollbar-color:#00ff6a #090b10;}/*!sc*/
body::-webkit-scrollbar{width:6px;}/*!sc*/
body::-webkit-scrollbar-track{background:#090b10;}/*!sc*/
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00ff6a,#00d4ff);border-radius:20px;}/*!sc*/
::selection{background:rgba(0,255,106,0.25);color:#fff;}/*!sc*/
data-styled.g4[id="sc-global-kyRKkQ1"]{content:"sc-global-kyRKkQ1,"}/*!sc*/
.fFihEz{max-width:1556px;width:100%;padding:0 2rem;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:1.5rem 2rem;position:relative;z-index:20;}/*!sc*/
.fFihEz > a{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/
.fFihEz > a h1{margin:0;font-family:var(--fonts-display);background:linear-gradient(135deg,#00ff6a,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:22px;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;}/*!sc*/
.fFihEz > a h1 span{opacity:0.6;font-weight:400;}/*!sc*/
@media (max-width:600px){.fFihEz{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;text-align:center;}}/*!sc*/
data-styled.g5[id="styled__LayoutHeader-sc-ffp2k7-0"]{content:"fFihEz,"}/*!sc*/
.gMTYCI{position:fixed;top:0;right:0;border:0;z-index:10;opacity:0.7;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}/*!sc*/
.gMTYCI:hover{opacity:1;}/*!sc*/
.gMTYCI svg{-webkit-filter:invert(1);filter:invert(1);}/*!sc*/
data-styled.g6[id="styled__LayoutFork-sc-ffp2k7-1"]{content:"gMTYCI,"}/*!sc*/
.gucdop{max-width:1556px;width:100%;padding:0 2rem;margin:0 auto;border-top:solid 1px var(--colors-stone);text-align:center;padding:2.5rem 0;margin-top:4rem;}/*!sc*/
.gucdop p{color:var(--colors-muted);font-size:15px;}/*!sc*/
.gucdop a{color:var(--colors-primary);-webkit-text-decoration:none;text-decoration:none;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;}/*!sc*/
.gucdop a:hover{opacity:0.8;}/*!sc*/
.gucdop span{color:var(--secondary-light);}/*!sc*/
data-styled.g7[id="styled__LayoutFooter-sc-ffp2k7-2"]{content:"gucdop,"}/*!sc*/
.iHlGya{font-family:var(--fonts-roboto);font-size:15px;font-weight:500;margin:6px;border:none;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;color:rgba(200,204,212,0.9);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:8px;padding:0.5rem 1.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}/*!sc*/
.iHlGya:hover{background:rgba(0,255,106,0.08);border-color:rgba(0,255,106,0.25);color:#fff;-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px);}/*!sc*/
.iHlGya:active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);background:rgba(0,255,106,0.12);}/*!sc*/
data-styled.g14[id="styled__ButtonStyled-sc-1rugd49-0"]{content:"iHlGya,"}/*!sc*/
.gUYqhD{position:relative;width:260px;height:260px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
@media (max-width:600px){.gUYqhD{width:180px;height:180px;}}/*!sc*/
data-styled.g15[id="styled__ShapeCanvas-sc-nrzb27-0"]{content:"gUYqhD,"}/*!sc*/
.efZThK{position:absolute;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
.efZThK svg{width:100%;height:100%;}/*!sc*/
.jQhXNe{position:absolute;width:72%;height:72%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
.jQhXNe svg{width:100%;height:100%;}/*!sc*/
.kaBMSW{position:absolute;width:50%;height:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
.kaBMSW svg{width:100%;height:100%;}/*!sc*/
data-styled.g16[id="styled__ShapeLayer-sc-nrzb27-1"]{content:"efZThK,jQhXNe,kaBMSW,"}/*!sc*/
.kbZAVh{position:absolute;width:18%;height:18%;border-radius:50%;background:radial-gradient(circle,rgba(0,255,106,0.6) 0%,rgba(0,212,255,0.2) 60%,transparent 100%);box-shadow:0 0 30px rgba(0,255,106,0.3),0 0 60px rgba(0,255,106,0.1);-webkit-animation:lezScj 3s ease-in-out infinite;animation:lezScj 3s ease-in-out infinite;}/*!sc*/
data-styled.g17[id="styled__InnerShape-sc-nrzb27-2"]{content:"kbZAVh,"}/*!sc*/
.cTDZTk{position:relative;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;}/*!sc*/
.cTDZTk::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,106,0.06) 0%,rgba(0,212,255,0.04) 100%);border-top:1px solid rgba(0,255,106,0.1);border-bottom:1px solid rgba(0,212,255,0.1);}/*!sc*/
data-styled.g21[id="styled__HighlightWrapper-sc-gsl7e7-0"]{content:"cTDZTk,"}/*!sc*/
.brwmWF{max-width:1556px;width:100%;padding:0 2rem;margin:0 auto;position:relative;z-index:1;}/*!sc*/
data-styled.g22[id="styled__HighlightContainer-sc-gsl7e7-1"]{content:"brwmWF,"}/*!sc*/
.hfjXEB{max-width:644px;color:#fff;font-family:var(--fonts-display);background:linear-gradient(135deg,#00ff6a,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}/*!sc*/
data-styled.g23[id="styled__HighlightTitle-sc-gsl7e7-2"]{content:"hfjXEB,"}/*!sc*/
.dXeBym{max-width:1244px;margin-top:2rem;color:rgba(200,204,212,0.75);}/*!sc*/
.dXeBym strong,.dXeBym b{color:#fff;font-weight:600;}/*!sc*/
.dXeBym a{color:var(--colors-primary);font-weight:500;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;}/*!sc*/
.dXeBym a:hover{opacity:0.8;}/*!sc*/
data-styled.g24[id="styled__HighlightDescription-sc-gsl7e7-3"]{content:"dXeBym,"}/*!sc*/
.grXUeq{margin-top:3rem;max-width:728px;}/*!sc*/
data-styled.g25[id="styled__AdSection-sc-gsl7e7-4"]{content:"grXUeq,"}/*!sc*/
.eSSlYg{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;margin:0 0 1rem;font-family:var(--fonts-roboto);font-size:13px;font-weight:500;-webkit-letter-spacing:0.02em;-moz-letter-spacing:0.02em;-ms-letter-spacing:0.02em;letter-spacing:0.02em;color:rgba(200,204,212,0.45);}/*!sc*/
.eSSlYg svg{color:var(--colors-primary);opacity:0.6;}/*!sc*/
data-styled.g26[id="styled__AdLabel-sc-gsl7e7-5"]{content:"eSSlYg,"}/*!sc*/
.jFSBQM{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.04);background:rgba(255,255,255,0.02);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0.75rem;}/*!sc*/
.jFSBQM ins{border-radius:8px;overflow:hidden;}/*!sc*/
data-styled.g27[id="styled__AdContainer-sc-gsl7e7-6"]{content:"jFSBQM,"}/*!sc*/
.xxGyw{height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden;}/*!sc*/
data-styled.g28[id="styled__LiveWrapper-sc-71khwe-0"]{content:"xxGyw,"}/*!sc*/
.gtfXIB{max-width:1556px;width:100%;padding:0 2rem;margin:0 auto;text-align:center;text-align:-webkit-center;}/*!sc*/
data-styled.g29[id="styled__LiveContainer-sc-71khwe-1"]{content:"gtfXIB,"}/*!sc*/
.lnZrMk{margin:3rem 0;max-width:46rem;position:relative;padding:2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
.lnZrMk::before{content:"";position:absolute;inset:0;border-radius:20px;background:radial-gradient(ellipse at center,rgba(0,255,106,0.04) 0%,transparent 70%);pointer-events:none;}/*!sc*/
data-styled.g30[id="styled__ImageContainer-sc-71khwe-2"]{content:"lnZrMk,"}/*!sc*/
.kDdYHP{max-width:763px;color:#fff;}/*!sc*/
.kDdYHP span{background:linear-gradient(135deg,#00d4ff,#00ff6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}/*!sc*/
data-styled.g31[id="styled__LiveTitle-sc-71khwe-3"]{content:"kDdYHP,"}/*!sc*/
.gRmxJR{width:100%;max-width:1092px;}/*!sc*/
data-styled.g32[id="styled__ButtonWrapper-sc-71khwe-4"]{content:"gRmxJR,"}/*!sc*/
.hQkrHm{font-family:var(--fonts-roboto);font-size:15px;font-weight:500;margin:6px;border:none;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;background:none;color:var(--colors-primary);border-bottom:1px solid;border-color:rgba(0,255,106,0.3);-webkit-text-decoration:none;text-decoration:none;font-size:18px;font-weight:600;font-family:var(--fonts-display);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}/*!sc*/
.hQkrHm:hover{border-color:var(--colors-primary);text-shadow:0 0 20px rgba(0,255,106,0.3);}/*!sc*/
data-styled.g33[id="styled__OutlineButton-sc-71khwe-5"]{content:"hQkrHm,"}/*!sc*/
.asXGM{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-top:2.5rem;gap:0.75rem;}/*!sc*/
.asXGM svg path{stroke:var(--colors-primary);}/*!sc*/
data-styled.g34[id="styled__OutlineWrapper-sc-71khwe-6"]{content:"asXGM,"}/*!sc*/
.UMxFQ{position:relative;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;max-width:1556px;width:100%;padding:0 2rem;margin:0 auto;}/*!sc*/
.UMxFQ::before{content:"";position:absolute;top:-200px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(0,255,106,0.08) 0%,transparent 70%);pointer-events:none;-webkit-animation:kBWpNK 8s ease-in-out infinite;animation:kBWpNK 8s ease-in-out infinite;}/*!sc*/
.UMxFQ::after{content:"";position:absolute;bottom:-100px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,0.06) 0%,transparent 70%);pointer-events:none;-webkit-animation:kBWpNK 10s ease-in-out infinite 2s;animation:kBWpNK 10s ease-in-out infinite 2s;}/*!sc*/
data-styled.g35[id="styled__PresentationWrapper-sc-10fz3lr-0"]{content:"UMxFQ,"}/*!sc*/
.dnVRYJ{position:relative;z-index:2;will-change:transform,opacity;}/*!sc*/
data-styled.g36[id="styled__PresentationContent-sc-10fz3lr-1"]{content:"dnVRYJ,"}/*!sc*/
.jiJqLI{max-width:900px;position:relative;z-index:2;color:#fff;}/*!sc*/
.jiJqLI span{background:linear-gradient(135deg,#00ff6a,#00d4ff,#00ff6a);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-animation:cUFefP 4s ease infinite;animation:cUFefP 4s ease infinite;}/*!sc*/
data-styled.g37[id="styled__PresentationTitle-sc-10fz3lr-2"]{content:"jiJqLI,"}/*!sc*/
.jVmrJF{max-width:620px;position:relative;z-index:2;color:rgba(200,204,212,0.7);margin-top:2rem;font-size:20px;line-height:1.7;-webkit-letter-spacing:0.01em;-moz-letter-spacing:0.01em;-ms-letter-spacing:0.01em;letter-spacing:0.01em;}/*!sc*/
@media (max-width:600px){.jVmrJF{font-size:17px;}}/*!sc*/
data-styled.g38[id="styled__PresentationDescription-sc-10fz3lr-3"]{content:"jVmrJF,"}/*!sc*/
.bnYUMz{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1rem;margin-top:3rem;position:relative;z-index:2;}/*!sc*/
@media (max-width:600px){.bnYUMz{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}}/*!sc*/
data-styled.g39[id="styled__HeroCTA-sc-10fz3lr-4"]{content:"bnYUMz,"}/*!sc*/
.bdQEmd{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:1rem 2rem;font-family:var(--fonts-display);font-weight:600;font-size:16px;-webkit-letter-spacing:-0.01em;-moz-letter-spacing:-0.01em;-ms-letter-spacing:-0.01em;letter-spacing:-0.01em;color:#090b10;background:linear-gradient(135deg,#00ff6a,#00d4ff);border:none;border-radius:12px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:-webkit-transform 0.2s ease,box-shadow 0.3s ease;-webkit-transition:transform 0.2s ease,box-shadow 0.3s ease;transition:transform 0.2s ease,box-shadow 0.3s ease;}/*!sc*/
.bdQEmd:hover{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,255,106,0.25);}/*!sc*/
.bdQEmd:active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}/*!sc*/
data-styled.g40[id="styled__HeroPrimaryButton-sc-10fz3lr-5"]{content:"bdQEmd,"}/*!sc*/
.dpGlco{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:1rem 2rem;font-family:var(--fonts-display);font-weight:600;font-size:16px;-webkit-letter-spacing:-0.01em;-moz-letter-spacing:-0.01em;-ms-letter-spacing:-0.01em;letter-spacing:-0.01em;color:#fff;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}/*!sc*/
.dpGlco:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);}/*!sc*/
data-styled.g41[id="styled__HeroSecondaryButton-sc-10fz3lr-6"]{content:"dpGlco,"}/*!sc*/
.cRovNe{position:absolute;width:80px;height:80px;border-radius:12px;border:1px solid rgba(0,255,106,0.15);background:rgba(0,255,106,0.03);-webkit-animation:iDyhNz 7s ease-in-out infinite;animation:iDyhNz 7s ease-in-out infinite;-webkit-animation-delay:0s;animation-delay:0s;z-index:1;top:15%;right:20%;}/*!sc*/
@media (max-width:600px){.cRovNe{display:none;}}/*!sc*/
.KwaAb{position:absolute;width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,255,106,0.15);background:rgba(0,255,106,0.03);-webkit-animation:iDyhNz 5s ease-in-out infinite;animation:iDyhNz 5s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s;z-index:1;top:60%;right:10%;}/*!sc*/
@media (max-width:600px){.KwaAb{display:none;}}/*!sc*/
.kIKaOo{position:absolute;width:50px;height:50px;border-radius:12px;border:1px solid rgba(0,255,106,0.15);background:rgba(0,255,106,0.03);-webkit-animation:iDyhNz 9s ease-in-out infinite;animation:iDyhNz 9s ease-in-out infinite;-webkit-animation-delay:3s;animation-delay:3s;z-index:1;top:30%;right:35%;}/*!sc*/
@media (max-width:600px){.kIKaOo{display:none;}}/*!sc*/
.ZWcqi{position:absolute;width:60px;height:60px;border-radius:50%;border:1px solid rgba(0,255,106,0.15);background:rgba(0,255,106,0.03);-webkit-animation:iDyhNz 8s ease-in-out infinite;animation:iDyhNz 8s ease-in-out infinite;-webkit-animation-delay:2s;animation-delay:2s;z-index:1;left:5%;bottom:20%;}/*!sc*/
@media (max-width:600px){.ZWcqi{display:none;}}/*!sc*/
data-styled.g43[id="styled__FloatingShape-sc-10fz3lr-8"]{content:"cRovNe,KwaAb,kIKaOo,ZWcqi,"}/*!sc*/
.fUSKGh{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 30% 50%,black 20%,transparent 70%);mask-image:radial-gradient(ellipse at 30% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 30% 50%,black 20%,transparent 70%);}/*!sc*/
data-styled.g44[id="styled__GridOverlay-sc-10fz3lr-9"]{content:"fUSKGh,"}/*!sc*/
.ekYYob{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.4rem 1rem;border:1px solid rgba(0,255,106,0.2);border-radius:100px;font-family:var(--fonts-roboto);font-size:13px;font-weight:600;-webkit-letter-spacing:0.04em;-moz-letter-spacing:0.04em;-ms-letter-spacing:0.04em;letter-spacing:0.04em;text-transform:uppercase;color:var(--colors-primary);background:rgba(0,255,106,0.05);margin-bottom:2rem;position:relative;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}/*!sc*/
.ekYYob::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--colors-primary);box-shadow:0 0 8px var(--colors-primary);}/*!sc*/
data-styled.g45[id="styled__VersionBadge-sc-10fz3lr-10"]{content:"ekYYob,"}/*!sc*/
@-webkit-keyframes kBWpNK{0%,100%{opacity:0.4;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}50%{opacity:0.7;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}}/*!sc*/
@keyframes kBWpNK{0%,100%{opacity:0.4;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}50%{opacity:0.7;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}}/*!sc*/
data-styled.g46[id="sc-keyframes-kBWpNK"]{content:"kBWpNK,"}/*!sc*/
@-webkit-keyframes iDyhNz{0%,100%{-webkit-transform:translateY(0px) rotate(0deg);-ms-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg);}50%{-webkit-transform:translateY(-20px) rotate(2deg);-ms-transform:translateY(-20px) rotate(2deg);transform:translateY(-20px) rotate(2deg);}}/*!sc*/
@keyframes iDyhNz{0%,100%{-webkit-transform:translateY(0px) rotate(0deg);-ms-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg);}50%{-webkit-transform:translateY(-20px) rotate(2deg);-ms-transform:translateY(-20px) rotate(2deg);transform:translateY(-20px) rotate(2deg);}}/*!sc*/
data-styled.g47[id="sc-keyframes-iDyhNz"]{content:"iDyhNz,"}/*!sc*/
@-webkit-keyframes cUFefP{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}/*!sc*/
@keyframes cUFefP{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}/*!sc*/
data-styled.g48[id="sc-keyframes-cUFefP"]{content:"cUFefP,"}/*!sc*/
@-webkit-keyframes lezScj{0%,100%{opacity:0.6;}50%{opacity:1;}}/*!sc*/
@keyframes lezScj{0%,100%{opacity:0.6;}50%{opacity:1;}}/*!sc*/
data-styled.g49[id="sc-keyframes-lezScj"]{content:"lezScj,"}/*!sc*/
</style><link rel="preconnect" href="https://www.google-analytics.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><title data-react-helmet="true">All Animation CSS</title><link data-react-helmet="true" rel="canonical" href="undefined/"/><meta data-react-helmet="true" property="og:site_name" content="All Animation CSS3"/><meta data-react-helmet="true" property="og:image" content="http://all-animation.github.io/assets/images/all-animation.png"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:title" content="All Animation CSS3"/><meta data-react-helmet="true" name="twitter:site" content="@Clovissneto"/><meta data-react-helmet="true" name="twitter:domain" content="Clóvis Neto"/><meta data-react-helmet="true" name="twitter:image:src" content="http://all-animation.github.io/assets/images/all-animation.png"/><meta data-react-helmet="true" name="description" content="All Animation.css is a set of nice and crazy css animations made with the purpose to bring life and interactions to your project."/><meta data-react-helmet="true" property="og:title" content="All Animation CSS"/><meta data-react-helmet="true" property="og:description" content="All Animation.css is a set of nice and crazy css animations made with the purpose to bring life and interactions to your project."/><link rel="sitemap" type="application/xml" href="/sitemap/sitemap-index.xml"/><link rel="icon" href="/favicon-32x32.png?v=b83df7e2515ef652ff790e41153be742" type="image/png"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=b83df7e2515ef652ff790e41153be742"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=b83df7e2515ef652ff790e41153be742"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=b83df7e2515ef652ff790e41153be742"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=b83df7e2515ef652ff790e41153be742"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=b83df7e2515ef652ff790e41153be742"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=b83df7e2515ef652ff790e41153be742"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=b83df7e2515ef652ff790e41153be742"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=b83df7e2515ef652ff790e41153be742"/><link href="https://fonts.googleapis.com/css?family=Bricolage+Grotesque:200,300,400,500,600,700,800|Plus+Jakarta+Sans:400,400i,500,600,700&display=swap" rel="stylesheet"/><script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1694357110489226" crossorigin="anonymous"></script><link as="script" rel="preload" href="/webpack-runtime-19edeeef0bc4a0b31693.js"/><link as="script" rel="preload" href="/framework-94ae85c82b1ba08b8dc6.js"/><link as="script" rel="preload" href="/app-e67212459f2e7c6456c3.js"/><link as="script" rel="preload" href="/94726e6d-f7c9f8ae2c52bad37f18.js"/><link as="script" rel="preload" href="/3c8de475e42b0903083037668847a1e27cea42d6-5a7837472da8a2411c8b.js"/><link as="script" rel="preload" href="/component---src-pages-index-js-a99c688b244f8c758946.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/4197766145.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><header class="styled__LayoutHeader-sc-ffp2k7-0 fFihEz"><a href="/"><h1 class="styled__TypographText-sc-ohvexr-0 bIUaAO" color="primary">All Animation <span>CSS3</span></h1></a><nav class="styled__NavigationWrapper-sc-mprohy-0 dombje"><li><a class="styled__TypographText-sc-ohvexr-0 sKRac styled__NavigationLink-sc-mprohy-1 hinJMb" href="/docs/get-started">Get Started</a></li><li><a class="styled__TypographText-sc-ohvexr-0 sKRac styled__NavigationLink-sc-mprohy-1 hinJMb" href="/docs/docs">Docs</a></li><li><a class="styled__TypographText-sc-ohvexr-0 sKRac styled__NavigationLink-sc-mprohy-1 hinJMb" href="https://github.com/all-animation/all-animation/blob/master/CONTRIBUTING.md">Contributing</a></li></nav><a target="blank" href="https://github.com/all-animation/all-animation" class="styled__LayoutFork-sc-ffp2k7-1 gMTYCI"><svg width="149" height="149" viewBox="0 0 149 149" fill="none"><rect width="149" height="149" fill="url(#pattern0)"></rect><defs><pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#image0_5:81" transform="scale(0.00671141)"></use></pattern><image id="image0_5:81" width="149" height="149" xlink:href="data:image/png;base64,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"></image></defs></svg></a></header><section class="styled__PresentationWrapper-sc-10fz3lr-0 UMxFQ"><div class="styled__GridOverlay-sc-10fz3lr-9 fUSKGh"></div><div speed="7s" class="styled__FloatingShape-sc-10fz3lr-8 cRovNe"></div><div speed="5s" class="styled__FloatingShape-sc-10fz3lr-8 KwaAb"></div><div speed="9s" class="styled__FloatingShape-sc-10fz3lr-8 kIKaOo"></div><div speed="8s" class="styled__FloatingShape-sc-10fz3lr-8 ZWcqi"></div><div class="styled__PresentationContent-sc-10fz3lr-1 dnVRYJ"><div><div class="styled__VersionBadge-sc-10fz3lr-10 ekYYob">v3.0 Released</div></div><div><p class="styled__TypographText-sc-ohvexr-0 gBhxdU styled__PresentationTitle-sc-10fz3lr-2 jiJqLI">Bring your UI <span>to life</span></p></div><div><p class="styled__TypographText-sc-ohvexr-0 bniNgM styled__PresentationDescription-sc-10fz3lr-3 jVmrJF">A curated set of expressive CSS animations crafted to add motion, personality, and delight to any web project. Zero dependencies, pure CSS.</p></div><div><div class="styled__HeroCTA-sc-10fz3lr-4 bnYUMz"><a href="/docs/get-started" class="styled__HeroPrimaryButton-sc-10fz3lr-5 bdQEmd">Get Started<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><a href="https://github.com/all-animation/all-animation" target="_blank" class="styled__HeroSecondaryButton-sc-10fz3lr-6 dpGlco"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"></path></svg>GitHub</a></div></div></div></section><section class="styled__HighlightWrapper-sc-gsl7e7-0 cTDZTk"><article class="styled__HighlightContainer-sc-gsl7e7-1 brwmWF"><div><p class="styled__TypographText-sc-ohvexr-0 iopPrm styled__HighlightTitle-sc-gsl7e7-2 hfjXEB" color="white">All Animation styled is comming soon</p></div><div><p class="styled__TypographText-sc-ohvexr-0 drkcIT styled__HighlightDescription-sc-gsl7e7-3 dXeBym" color="white">We are very welcome to suggestions, and use <b>github</b> as version control so if you want to suggest something, please create an issue in there or in case of contribution, please check the<!-- --> <a href="http://github.com/all-animation/all-animation-styled">all-animation/styled</a> <!-- -->repository on <a href="http://github.com/all-animation">github</a>.</p></div><div class="styled__AdSection-sc-gsl7e7-4 grXUeq"><p class="styled__AdLabel-sc-gsl7e7-5 eSSlYg"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>This helps us keep improving all-animation</p><div class="styled__AdContainer-sc-gsl7e7-6 jFSBQM"><ins class="adsbygoogle" style="display:block;width:100%;max-width:728px" data-ad-client="ca-pub-1694357110489226" data-ad-slot="9767889082" data-ad-format="auto" data-full-width-responsive="true"></ins></div></div></article></section><section class="styled__LiveWrapper-sc-71khwe-0 xxGyw"><article class="styled__LiveContainer-sc-71khwe-1 gtfXIB"><div><p class="styled__TypographText-sc-ohvexr-0 eRcsuk styled__LiveTitle-sc-71khwe-3 kDdYHP"><span>Live</span> Exemples</p></div><div class="styled__ImageContainer-sc-71khwe-2 lnZrMk"><div class="styled__ShapeCanvas-sc-nrzb27-0 gUYqhD"><div class="styled__ShapeLayer-sc-nrzb27-1 efZThK"><svg viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><polygon points="60,10 140,10 190,60 190,140 140,190 60,190 10,140 10,60" stroke="rgba(0,255,106,0.3)" stroke-width="1" fill="none"></polygon><polygon points="70,20 130,20 180,70 180,130 130,180 70,180 20,130 20,70" stroke="rgba(0,212,255,0.15)" stroke-width="0.5" fill="none"></polygon></svg></div><div class="styled__ShapeLayer-sc-nrzb27-1 jQhXNe"><svg viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="29" y="29" width="142" height="142" rx="4" transform="rotate(45 100 100)" stroke="rgba(0,255,106,0.25)" stroke-width="1" fill="none"></rect><rect x="40" y="40" width="120" height="120" rx="2" transform="rotate(45 100 100)" stroke="rgba(0,212,255,0.12)" stroke-width="0.5" fill="none"></rect></svg></div><div class="styled__ShapeLayer-sc-nrzb27-1 kaBMSW"><svg viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><polygon points="100,20 180,170 20,170" stroke="rgba(0,255,106,0.35)" stroke-width="1.5" fill="none"></polygon><polygon points="100,45 160,155 40,155" stroke="rgba(0,212,255,0.15)" stroke-width="0.5" fill="none"></polygon></svg></div><div class="styled__InnerShape-sc-nrzb27-2 kbZAVh"></div></div></div><div><div class="styled__ButtonWrapper-sc-71khwe-4 gRmxJR"><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-dance</button><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-journal</button><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-pulse</button><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-jello-vertical</button><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-jello-horizontal</button></div><div class="styled__ButtonWrapper-sc-71khwe-4 gRmxJR"><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-pulse-slow</button><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-enter up bounce</button><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-enter down bounce</button><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-enter right bounce</button></div><div class="styled__ButtonWrapper-sc-71khwe-4 gRmxJR"><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-jamp</button><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-four rock</button><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-jump bounce</button><button class="styled__ButtonStyled-sc-1rugd49-0 iHlGya">a-scale bounce</button></div></div><div><div class="styled__OutlineWrapper-sc-71khwe-6 asXGM"><a href="/animations" class="styled__OutlineButton-sc-71khwe-5 hQkrHm">View all animations</a><svg width="22" height="19" viewBox="0 0 22 19" fill="none"><path d="M0 9.5H20M20 9.5L11.5 1M20 9.5L11.5 18" stroke="#00D76B" stroke-width="2"></path></svg></div></div></article></section><footer class="styled__LayoutFooter-sc-ffp2k7-2 gucdop"><p class="styled__TypographText-sc-ohvexr-0 fYFwOS">Made with ❤️ by<!-- --> <a href="http://clovisdasilvaneto.github.io" target="_blank">Clóvis Neto</a> <!-- -->& <a href="https://github.com/evertonfxavier">Everton Xavier</a> for<!-- --> <span>developers</span></p></footer></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script>
if(true) {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
}
if (typeof ga === "function") {
ga('create', 'UA-47249089-1', 'auto', {});
}</script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-fd5502421d629d1c910a.js"],"app":["/app-e67212459f2e7c6456c3.js"],"component---src-infra-docs-layout-index-js":["/component---src-infra-docs-layout-index-js-a26942050d7ecdce3f74.js"],"component---src-pages-404-js":["/component---src-pages-404-js-c9136b6d227cf7087649.js"],"component---src-pages-animations-js":["/component---src-pages-animations-js-59cd7277502ff8221e75.js"],"component---src-pages-index-js":["/component---src-pages-index-js-a99c688b244f8c758946.js"]};/*]]>*/</script><script src="/polyfill-fd5502421d629d1c910a.js" nomodule=""></script><script src="/component---src-pages-index-js-a99c688b244f8c758946.js" async=""></script><script src="/3c8de475e42b0903083037668847a1e27cea42d6-5a7837472da8a2411c8b.js" async=""></script><script src="/94726e6d-f7c9f8ae2c52bad37f18.js" async=""></script><script src="/app-e67212459f2e7c6456c3.js" async=""></script><script src="/framework-94ae85c82b1ba08b8dc6.js" async=""></script><script src="/webpack-runtime-19edeeef0bc4a0b31693.js" async=""></script></body></html>