@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);
@import url(https://fonts.googleapis.com/css?family=Barlow);
@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);
@charset "UTF-8";.text-color-effect{-webkit-text-fill-color:transparent;animation:textclip 2s linear infinite;background-clip:border-box;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(-225deg,#231557,#44107a 29%,#ff1361 67%,#fff800);background-size:auto auto;background-size:200% auto;color:#000;height:auto}.waviy-effect{-webkit-box-reflect:below -20px linear-gradient(transparent,rgba(0,0,0,.2));animation:waviy 1s infinite;animation-delay:calc(.1s*var(--i));color:#000;position:relative}.flip-text-effect{animation:loading-flip 2s infinite;color:#000;position:relative}@keyframes loading-flip{0%,80%{transform:rotateY(1turn)}}.flipX-effect{animation:anim-flipX 3s ease infinite}@keyframes anim-flipX{0%{opacity:0;transform:rotateX(90def)}50%{opacity:1;transform:rotateX(2turn)}to{opacity:1;transform:rotateX(2turn)}}.lineUp-effect{animation:anim-lineUp 2s ease-out infinite}@keyframes anim-lineUp{0%{opacity:0;transform:translateY(80%)}20%{opacity:0}50%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}.flipY-effect{animation-duration:6s;animation-iteration-count:infinite;animation-name:spin,depth;animation-timing-function:linear}@keyframes spin{0%{transform:rotateY(0deg)}to{transform:rotateY(-1turn)}}@keyframes depth{0%{text-shadow:0 0 #000}25%{text-shadow:1px 0 #000,2px 0 #000,3px 0 #000,4px 0 #000,5px 0 #000}50%{text-shadow:0 0 #000}75%{text-shadow:-1px 0 #000,-2px 0 #000,-3px 0 #000,-4px 0 #000,-5px 0 #000}to{text-shadow:0 0 #000}}.pop-outin-effect{animation:anim-popoutin 2s ease infinite}@keyframes anim-popoutin{0%{opacity:0;text-shadow:0 0 0 transparent;transform:scale(0)}25%{opacity:1;text-shadow:3px 10px 5px rgba(0,0,0,.5);transform:scale(2)}50%{opacity:1;text-shadow:1px 0 0 transparent;transform:scale(1)}to{opacity:1;text-shadow:1px 0 0 transparent;transform:scale(1)}}.fromtop-effect{animation:anim-fromtop 2s linear infinite}@keyframes anim-fromtop{0%{opacity:0;transform:translateY(-100%)}25%{opacity:1;transform:translateY(0)}}@keyframes night-lights{0%{color:#b8bee0;text-shadow:0 0 1em rgba(255,0,170,.2),0 0 .125em rgba(255,51,187,.3),-1em -.125em .5em rgba(255,187,51,0),1em .125em .5em rgba(51,187,255,0)}30%{color:#d1d8fa;text-shadow:0 0 1em rgba(255,0,170,.5),0 0 .125em rgba(255,51,187,.5),-.5em -.125em .25em rgba(255,187,51,.2),.5em .125em .25em rgba(51,187,255,.4)}40%{color:#e6eaff;text-shadow:0 0 1em rgba(255,0,170,.5),0 0 .125em rgba(255,204,238,.5),-.25em -.125em .125em rgba(255,187,51,.2),.25em .125em .125em rgba(51,187,255,.4)}70%{color:#d1d8fa;text-shadow:0 0 1em rgba(255,0,170,.5),0 0 .125em rgba(255,51,187,.5),.5em -.125em .25em rgba(255,187,51,.2),-.5em .125em .25em rgba(51,187,255,.4)}to{color:#b8bee0;text-shadow:0 0 1em rgba(255,0,170,.2),0 0 .125em rgba(255,51,187,.3),1em -.125em .5em rgba(255,187,51,0),-1em .125em .5em rgba(51,187,255,0)}}.night-light-effect{animation:night-lights 5s linear .75s infinite;color:#e6eaff}.flash-effect{color:#484848;cursor:pointer;letter-spacing:0;transition:.5s linear}.flash-effect:hover{color:#fff;margin-left:5px;margin-right:5px;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 40px #fff}.unlock-shine-effect{-webkit-text-fill-color:transparent;-webkit-text-size-adjust:none;animation:shine 3s linear infinite;animation-fill-mode:forwards;background:#000;background:linear-gradient(90deg,#fff 0,#fff 10%,#4d4d4d 20%);-webkit-background-clip:text;background-clip:text;background-position:0;color:#fff;left:50%;padding:12px 48px;position:absolute;text-decoration:none;transform:translate(-50%,-50%);white-space:nowrap}@keyframes shine{0%{background-position:0}60%{background-position:180px}to{background-position:180px}}.shining-text-effect{-webkit-text-fill-color:transparent;animation:Shining 3s linear infinite;background:linear-gradient(90deg,#000,#fff,#000);-webkit-background-clip:text;background-clip:text;background-repeat:no-repeat;background-size:80%;letter-spacing:0;position:relative;text-align:center}@keyframes Shining{0%{background-position-x:-500%}to{background-position-x:500%}}.neons-effect{animation:glow 2s ease-in-out infinite alternate;text-align:center}.background-clips-effect{-webkit-text-fill-color:transparent;animation:textclip 1.5s linear infinite;background:linear-gradient(90deg,#095fab 10%,#25abe8 50%,#57d75b 60%);background-clip:border-box;-webkit-background-clip:text;background-size:auto auto;background-size:200% auto;color:#fff;text-align:center}.typo-triple-effect{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:3px;-webkit-text-stroke-color:#fff;left:50%;letter-spacing:.1em;position:absolute;text-shadow:8px 8px #ff1f8f,20px 20px #000;top:50%;transform:translate(-50%,-50%);width:100%}.metal-shader-effect{background-clip:text;-webkit-background-clip:text;background-image:url(https://images.unsplash.com/photo-1501166222995-ff31c7e93cef?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NTcyMDc2NzU&ixlib=rb-1.2.1&q=80);background-size:cover;color:transparent!important;letter-spacing:.05em;position:relative}.text-effect-3ds{animation:shadows 2s ease-in infinite,moves 2s ease-in infinite;color:var(--color-primary);letter-spacing:.4rem;margin:0;text-align:center;text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}@keyframes moves{0%{transform:translate(0)}40%{transform:translate(-12px,-12px)}50%{transform:translate(-12px,-12px)}60%{transform:translate(-12px,-12px)}to{transform:translate(0)}}.layer-effect{animation:ಠ_ಠ 5s ease-in-out -7.5s infinite alternate;animation-fill-mode:forwards;transform:rotateY(40deg) rotateX(33deg) translateZ(0);transform-style:preserve-3d}.layer-effect:after{color:#f5f5f5;font:150px/.65 Pacifico,Kaushan Script,Futura,Roboto,Trebuchet MS,Helvetica,sans-serif;letter-spacing:-2px;text-align:center;text-shadow:4px 0 10px rgba(0,0,0,.13);white-space:pre}@keyframes ಠ_ಠ{to{transform:rotateY(-40deg) rotateX(-43deg)}}.neon-blink-effect{animation:blink 3s infinite;-webkit-animation:blink 3s infinite;color:#fff6a9;text-align:center;text-shadow:0 0 5px orange,0 0 15px orange,0 0 20px orange,0 0 40px orange,0 0 60px red,0 0 10px #ff8d00,0 0 98px red}@keyframes blink{20%,24%,55%{color:#111;text-shadow:none}0%,19%,21%,23%,25%,54%,56%,to{color:#fff6a9;text-shadow:0 0 5px orange,0 0 15px orange,0 0 20px orange,0 0 40px orange,0 0 60px red,0 0 10px #ff8d00,0 0 98px red}}.smokes-effect{animation:smoke 3s ease infinite;display:inline-flex;text-shadow:0 0 0 #f5f5f5}@keyframes smoke{60%{text-shadow:0 0 40px #f5f5f5}to{opacity:0;text-shadow:0 0 20px #f5f5f5;transform:translate3d(12rem,-10rem,0) skewX(30deg)}}.rainbow-effect{-webkit-text-stroke-width:1.25px;-webkit-text-stroke-color:#000;animation:jump 2s ease-in-out infinite;color:#fff;text-shadow:0 0 #f3c623,0 0 #f2aaaa;transform:translateY(100%) rotate(4deg)}@keyframes jump{33%{text-shadow:0 60px #f37121,0 150px #f2aaaa}50%{text-shadow:0 0 #8fc0a9,0 0 #84a9ac;transform:translate(0) rotate(-4deg)}66.67%{text-shadow:0 -60px #d54062,0 -150px #8fc0a9}}.animate-charcter{text-fill-color:transparent;-webkit-text-fill-color:transparent;animation:textclip 2s linear infinite;background-clip:border-box;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(-225deg,#231557,#44107a 29%,#ff1361 67%,#fff800);background-size:auto auto;background-size:200% auto;color:#fff;display:inline-block}@keyframes textclip{to{background-position:200%}}.text-shadows{animation:shadows 1.2s ease-in infinite,move 1.2s ease-in infinite;color:var(--color-primary);letter-spacing:.4rem;margin:0;text-align:center;text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}@keyframes shadows{0%{text-shadow:none}10%{text-shadow:3px 3px 0 var(--color-secondary)}20%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary)}30%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary)}40%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}50%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}60%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}70%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary)}80%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary)}90%{text-shadow:3px 3px 0 var(--color-secondary)}to{text-shadow:none}}@keyframes move{0%{transform:translate(0)}40%{transform:translate(-12px,-12px)}50%{transform:translate(-12px,-12px)}60%{transform:translate(-12px,-12px)}to{transform:translate(0)}}.glow-effects{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:glow;color:#fff;padding:10px}@keyframes glow{0%{text-shadow:0 0 5px #fff,0 0 5px #614ad3}to{text-shadow:0 0 20px #fff,0 0 20px #614ad3}}.typewriter{animation:typing 3.5s steps(30),blink-caret .5s step-end infinite;border-right:.15em solid orange;letter-spacing:.15em;margin:0 auto;overflow:hidden;white-space:nowrap}.frame-1{animation-delay:0s;animation:fadeIn 1s ease-in-out}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.font-hover-effect{color:#eee8aa;font-variation-settings:"wght" 311;letter-spacing:-3px;margin-bottom:.8rem;outline:none;text-align:center;transition:.7s ease}.font-hover-effect:hover{font-variation-settings:"wght" 582;letter-spacing:1px}@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text){.fancy-text-effect{-webkit-background-clip:text;background-clip:text;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300A080' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%2300FDCF'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%2300FDCF'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23008060'/%3E%3C/svg%3E");background-position:50%;background-size:110% auto;color:transparent}}.fancy-text-underline-effect{position:relative;white-space:nowrap}.fancy-text-underline-effect:after{--deco-height:0.3125em;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M-17 30.5C-1 22 72-4 54 13 37.9 28.2-2.5 57.5 16 55.5s72-29 104-40' stroke='%2300FDCF' stroke-width='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h100v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-position:0;background-repeat:round;background-size:auto 100%;bottom:calc(var(--deco-height)*-.625);content:"";height:var(--deco-height);left:0;position:absolute;right:0}.water-wave-effects{-webkit-text-stroke:2px #03a9f4;animation:animate 4s ease-in-out infinite;color:transparent}@keyframes animate{0%,to{clip-path:polygon(0 32%,16% 34%,43% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}.slashed-effects{color:#333;position:relative}.slashed-effects:before{transform:rotate(-45deg)}.slashed-effects:after,.slashed-effects:before{background-color:#333;content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.slashed-effects:after{transform:rotate(45deg)}.gradient-text-effects{-webkit-animation:hue 10s linear infinite;-webkit-background-clip:text;background-image:-webkit-linear-gradient(92deg,#f35626,#feab3a);color:#f35626!important;letter-spacing:2px;text-align:center}.focus-effect{color:#fff;cursor:pointer;height:100%;line-height:100px;outline:none;position:relative;text-align:center;transition:background-color .3s,color .3s;width:100%}.focus-div:focus,.focus-div:hover{color:#fff}.focus-effect:before{content:"";filter:blur(3px)}.focus-effect:after{animation:mask-move 1s linear infinite alternate;border-bottom:2px solid;border-top:2px solid;content:"";height:100%;position:absolute;width:10px}@keyframes mask-move{0%{transform:translateX(0)}to{transform:translateX(129px)}}.three-rotate-effects{animation:rotateAnimation 3s infinite alternate;background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.5) 90%,transparent);left:0;line-height:.76em;padding:0 10px;position:relative;text-align:center;text-shadow:0 10px 15px;transform:translate(-50%,-50%) rotateX(0deg) translateZ(109px);transform-style:preserve-3d;white-space:nowrap}@keyframes rotateAnimation{0%{transform:translate(-50%,-50%) rotateX(0deg) translateZ(109px)}to{transform:translate(-50%,-50%) rotateX(1turn) translateZ(109px)}}.fade-in-effects,.fade-in-effects:hover{animation:fadeIn 1s ease-in-out;display:inline-block;position:relative}.three-shadow-effect{-webkit-text-stroke:1.5px #c4cb58;animation:rotate 5s ease-in infinite;animation-direction:alternate;color:#090908;display:inline-block;letter-spacing:.5vw;position:relative;transform-style:preserve-3d;transition:all .5s}@keyframes rotate{0%{transform:rotateY(90deg)}to{transform:rotateY(0deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes waviy{0%,40%,to{transform:translateY(0)}20%{transform:translateY(-20px)}}.escape-effect{animation:slidein 7s infinite;overflow:hidden;white-space:nowrap}@keyframes slidein{0%{margin-left:-800px}20%{margin-left:-800px}35%{margin-left:0}to{margin-left:0}}.text-revealing-animation{animation:reveal 7s infinite;-webkit-backface-visibility:hidden;display:inline-block;overflow:hidden;-webkit-perspective:1000;text-align:center;-webkit-transform:translateZ(0);white-space:nowrap;width:0}@keyframes reveal{0%{opacity:0;width:0}20%{opacity:1;width:0}30%{width:355px}80%{opacity:1}to{opacity:0;width:355px}}.frozen{background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/209981/6963bbf342d87b3a2150bd8f59682b89.jpg);-webkit-background-clip:text;background-size:contain;color:transparent;text-align:center;width:100%}.blazing-fire-effect{animation:Blazing 2s linear infinite alternate;color:#ff7300;line-height:normal;margin:0;min-width:50px;outline:none;text-shadow:0 3px 20px red,0 0 20px red,0 0 10px orange,4px -5px 6px #ff0,-4px -10px 10px #ff0,0 -10px 30px #ff0;vertical-align:middle}@keyframes Blazing{0%{text-shadow:0 3px 20px red,0 0 20px red,0 0 10px orange,0 0 0 #ff0,0 0 5px #ff0,-2px -5px 5px #ff0,4px -10px 10px #ff0}25%{text-shadow:0 3px 20px red,0 0 30px red,0 0 20px orange,0 0 5px #ff0,-2px -5px 5px #ff0,3px -10px 10px #ff0,-4px -15px 20px #ff0}50%{text-shadow:0 3px 20px red,0 0 20px red,0 -5px 10px orange,-2px -5px 5px #ff0,3px -10px 10px #ff0,-4px -15px 20px #ff0,2px -20px 30px rgba(255,255,0,.5)}75%{text-shadow:0 3px 20px red,0 0 20px red,0 -5px 10px orange,3px -5px 5px #ff0,-4px -10px 10px #ff0,2px -20px 30px rgba(255,255,0,.5),0 -25px 40px rgba(255,255,0,0)}to{text-shadow:0 3px 20px red,0 0 20px red,0 0 10px orange,0 0 0 #ff0,0 0 5px #ff0,-2px -5px 5px #ff0,4px -10px 10px #ff0}}@font-face{font-family:Rocher;src:url(https://assets.codepen.io/9632/RocherColorGX.woff2)}@font-palette-values --Grays{base-palette:9;font-family:Rocher}@font-palette-values --Purples{base-palette:6;font-family:Rocher}@font-palette-values --Mint{base-palette:7;font-family:Rocher}.grays-text-effect{font-family:Rocher!important;font-palette:--Grays}.purples-text-effect{font-family:Rocher!important;font-palette:--Purples}.mint-text-effect{font-family:Rocher!important;font-palette:--Mint}.font-hover{font-variation-settings:"wght" 311;letter-spacing:-3px;margin-bottom:.8rem;outline:none;text-align:center;transition:.7s ease}.font-hover:hover{font-variation-settings:"wght" 582;letter-spacing:2px}.sweet-title-title-wrapper{align-items:center;display:grid;justify-content:center;transform:skew(0,-10deg)}.underlined{position:relative}.underlined:after{--spread:140deg;--start:290deg;aspect-ratio:3/1;border:6px solid #a21ae6;border-radius:50%;content:"";left:50%;-webkit-mask:conic-gradient(from var(--start),#fff 0 var(--spread),transparent var(--spread));mask:conic-gradient(from var(--start),#fff 0 var(--spread),transparent var(--spread));position:absolute;top:95%;transform:translate(-50%);width:150%}.unit-text-effect{pointer-events:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;width:-moz-max-content;width:max-content}.unit-text-effect>:last-child{transform:rotatex(180deg) translatey(15px)}.unit-text-effect:first-of-type>:last-child{--gradient:linear-gradient(transparent 20%,#fff 90%);-webkit-mask-image:var(--gradient);mask-image:var(--gradient)}.clipping-covfefe{align-items:center;background:#ab3428!important;color:#f49e4c!important;display:flex;display:inline;justify-content:center;letter-spacing:5px}@media (min-width:700px){.clipping-covfefe{font-size:9vw}}@media (min-width:1400px){.clipping-covfefe{font-size:150px}}@supports (-webkit-background-clip:text){.clipping-covfefe{background:linear-gradient(7deg,#f5ee9e 50%,#f49e4c 0);-webkit-background-clip:text;color:transparent}}@supports ((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text){.fancy{-webkit-background-clip:text;background-clip:text;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2250' height='900' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300A080' d='M0 0h2255v899H0z'/%3E%3Ccircle cx='366' cy='207' r='366' fill='%2300FDCF'/%3E%3Ccircle cx='1777.5' cy='318.5' r='477.5' fill='%2300FDCF'/%3E%3Ccircle cx='1215' cy='737' r='366' fill='%23008060'/%3E%3C/svg%3E");background-position:50%;background-size:110% auto;color:transparent!important}}.shadow-outline-text-effect{display:block;letter-spacing:-4px;text-align:center;text-shadow:0 27px 19px #000,0 -2px 1px #fff}.challenge{cursor:pointer;display:table;letter-spacing:5px;margin:0 auto;position:relative;transition:.6s}.challenge:after,.challenge:before{content:attr(data-text);transition:.6s}.challenge:before{left:0;-webkit-mask:repeating-linear-gradient(45deg,transparent 0 3px,rgba(0,0,0,.5) 0 6px);mask:repeating-linear-gradient(45deg,transparent 0 3px,rgba(0,0,0,.5) 0 6px);position:absolute;text-shadow:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;top:0;z-index:-1}.challenge:hover{transform:translate(-10px,-10px)}.challenge:hover:before{text-shadow:1px 1px,2px 2px,3px 3px,4px 4px,5px 5px,6px 6px,7px 7px,8px 8px,9px 9px,10px 10px}.rise-text-effect{animation:rise 2s ease-in-out .5s forwards;text-shadow:-.01em -.01em .01em #000}@keyframes rise{to{text-shadow:0 .01em #000,0 .02em #000,0 .02em .03em #000,-.01em .01em #333,-.02em .02em #333,-.03em .03em #333,-.04em .04em #333,-.01em -.01em .03em #000,-.02em -.02em .03em #000,-.03em -.03em .03em #000;transform:translateY(-.025em) translateX(.04em)}}.outline-text-effect{animation:outlineOutline-text-effect 1s ease-in-out 1.5s forwards;-webkit-background-clip:text;background-clip:text}@keyframes outlineOutline-text-effect{0%{text-shadow:0 -7em 10em #fff}to{text-shadow:0 .02em #fff,.02em 0 #fff,-.02em 0 #fff,0 -.02em #fff}}.demo{--stripe-step:1.2vmax;--stripe-tiny-step:0.5vmax;--stripe-offset:calc(var(--stripe-step)*0.75);height:1em;line-height:1;position:relative;text-align:center;width:100%}.demo:before,.demo__text{left:0;-webkit-mask-image:repeating-linear-gradient(-45deg,#000 0,#000 var(--stripe-step),transparent 0,transparent calc(var(--stripe-step)*2));mask-image:repeating-linear-gradient(-45deg,#000 0,#000 var(--stripe-step),transparent 0,transparent calc(var(--stripe-step)*2));-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:120% 120%;mask-size:120% 120%;position:absolute;top:0;width:99%}.demo__text{color:#00ced1;left:0;top:0}.demo:before{bottom:var(--stripe-offset);color:#7fffd4;content:attr(data-text);left:var(--stripe-offset);-webkit-mask-position:var(--stripe-offset) var(--stripe-offset);mask-position:var(--stripe-offset) var(--stripe-offset)}.deconstructed{color:transparent;letter-spacing:-.02em;line-height:1.03em;position:relative}.deconstructed>div:first-child{animation:deconstructed1 5s infinite;-webkit-mask-image:linear-gradient(#000 25%,transparent 0);mask-image:linear-gradient(#000 25%,transparent 0)}.deconstructed>div:nth-child(2){animation:deconstructed2 5s infinite;-webkit-mask-image:linear-gradient(transparent 25%,#000 0,#000 50%,transparent 0);mask-image:linear-gradient(transparent 25%,#000 0,#000 50%,transparent 0)}.deconstructed>div:nth-child(3){animation:deconstructed3 5s infinite;-webkit-mask-image:linear-gradient(transparent 50%,#000 0,#000 75%,transparent 0);mask-image:linear-gradient(transparent 50%,#000 0,#000 75%,transparent 0)}.deconstructed>div:nth-child(4){animation:deconstructed4 5s infinite;-webkit-mask-image:linear-gradient(transparent 75%,#000 0);mask-image:linear-gradient(transparent 75%,#000 0)}@keyframes deconstructed1{0%{transform:translateX(100%)}26%{transform:translateX(0)}83%{transform:translateX(-.1%)}to{transform:translateX(-120%)}}@keyframes deconstructed2{0%{transform:translateX(100%)}24%{transform:translateX(.5%)}82%{transform:translateX(-.2%)}to{transform:translateX(-125%)}}@keyframes deconstructed3{0%{transform:translateX(100%)}22%{transform:translateX(0)}81%{transform:translateX(0)}to{transform:translateX(-130%)}}@keyframes deconstructed4{0%{transform:translateX(100%)}20%{transform:translateX(0)}80%{transform:translateX(0)}to{transform:translateX(-135%)}}.shake-text-effect{animation:float .3s ease-in-out infinite}@keyframes float{0%,to{transform:none}33%{transform:translateY(-1px) rotate(-2deg)}66%{transform:translateY(1px) rotate(2deg)}}@keyframes bounce{0%,to{transform:translate(0)}25%{transform:rotateX(20deg) translateY(2px) rotate(-3deg)}50%{transform:translateY(-20px) rotate(3deg) scale(1.1)}}@keyframes stripes{to{background-position:20px 0,20px 0,20px 0}}