#penrose.svelte-l5b2rx.svelte-l5b2rx{margin:0 auto;display:flex;top:4vw;position:fixed;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:transparent}#penrose.svelte-l5b2rx .svelte-l5b2rx{position:absolute}.color.svelte-l5b2rx.svelte-l5b2rx{background:linear-gradient(to right,#FFAF7B,#D76D77,#3A1C71);color:#fff}.transparent.svelte-l5b2rx.svelte-l5b2rx{background-color:transparent}#trap-one.svelte-l5b2rx.svelte-l5b2rx{height:240px;width:24px;transform:skew(-30deg) translate(-320%,-10%)}#trap-two.svelte-l5b2rx.svelte-l5b2rx{height:22px;width:280px;transform:skew(30deg) translate(-32%,595%)}#trap-three.svelte-l5b2rx.svelte-l5b2rx{height:243px;width:24px;transform:skew(30deg) skewY(-40deg) translate(370%,35%)}#trap-four.svelte-l5b2rx.svelte-l5b2rx{width:250px;height:0;border-bottom:24px solid rgba(0,0,0,.5);border-left:15px solid transparent;border-right:15px solid transparent;transform:translate(-7%,450%)}#trap-five.svelte-l5b2rx.svelte-l5b2rx{width:254px;height:0;border-bottom:24px solid rgba(0,0,0,.5);border-left:14px solid transparent;border-right:14px solid transparent;transform:rotate(-120deg) translate(-22%,226%)}#trap-six.svelte-l5b2rx.svelte-l5b2rx{width:250px;height:0;border-bottom:24px solid rgba(0,0,0,.5);border-left:14px solid transparent;border-right:14px solid transparent;transform:rotate(120deg) translate(2%,186%)}.glitch,.falling h3,.lost *,.glow2,.glow,.falling h2{color:#dfbfbf;position:relative;animation:glitch 4s 1s infinite}.glitch:before,.falling h3:before,.lost :before,.glow2:before,.glow:before,.falling h2:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:-5px 0 magenta;background:black;overflow:hidden;top:0;animation:noise-1 3s linear infinite alternate-reverse,glitch 5s 5.05s infinite}.glitch:after,.falling h3:after,.lost :after,.glow2:after,.glow:after,.falling h2:after{content:attr(data-text);position:absolute;left:2px;text-shadow:-5px 0 lightgreen;background:black;overflow:hidden;top:0;animation:noise-2 3s linear infinite alternate-reverse,glitch 5s 5s infinite}@keyframes noise-1{3.3333333333%{clip-path:inset(84px 0 6px 0)}6.6666666667%{clip-path:inset(74px 0 22px 0)}10%{clip-path:inset(67px 0 18px 0)}13.3333333333%{clip-path:inset(68px 0 33px 0)}16.6666666667%{clip-path:inset(38px 0 31px 0)}20%{clip-path:inset(58px 0 34px 0)}23.3333333333%{clip-path:inset(68px 0 17px 0)}26.6666666667%{clip-path:inset(62px 0 26px 0)}30%{clip-path:inset(2px 0 52px 0)}33.3333333333%{clip-path:inset(63px 0 19px 0)}36.6666666667%{clip-path:inset(24px 0 21px 0)}40%{clip-path:inset(43px 0 13px 0)}43.3333333333%{clip-path:inset(99px 0 2px 0)}46.6666666667%{clip-path:inset(95px 0 1px 0)}50%{clip-path:inset(78px 0 20px 0)}53.3333333333%{clip-path:inset(99px 0 1px 0)}56.6666666667%{clip-path:inset(40px 0 34px 0)}60%{clip-path:inset(11px 0 57px 0)}63.3333333333%{clip-path:inset(78px 0 16px 0)}66.6666666667%{clip-path:inset(18px 0 52px 0)}70%{clip-path:inset(81px 0 9px 0)}73.3333333333%{clip-path:inset(41px 0 50px 0)}76.6666666667%{clip-path:inset(15px 0 42px 0)}80%{clip-path:inset(79px 0 11px 0)}83.3333333333%{clip-path:inset(89px 0 1px 0)}86.6666666667%{clip-path:inset(63px 0 32px 0)}90%{clip-path:inset(20px 0 10px 0)}93.3333333333%{clip-path:inset(11px 0 84px 0)}96.6666666667%{clip-path:inset(62px 0 6px 0)}to{clip-path:inset(74px 0 5px 0)}}@keyframes noise-2{0%{clip-path:inset(66px 0 20px 0)}3.3333333333%{clip-path:inset(93px 0 6px 0)}6.6666666667%{clip-path:inset(76px 0 13px 0)}10%{clip-path:inset(50px 0 12px 0)}13.3333333333%{clip-path:inset(70px 0 28px 0)}16.6666666667%{clip-path:inset(90px 0 2px 0)}20%{clip-path:inset(28px 0 33px 0)}23.3333333333%{clip-path:inset(18px 0 71px 0)}26.6666666667%{clip-path:inset(91px 0 2px 0)}30%{clip-path:inset(32px 0 45px 0)}33.3333333333%{clip-path:inset(100px 0 1px 0)}36.6666666667%{clip-path:inset(88px 0 6px 0)}40%{clip-path:inset(3px 0 23px 0)}43.3333333333%{clip-path:inset(45px 0 46px 0)}46.6666666667%{clip-path:inset(10px 0 16px 0)}50%{clip-path:inset(37px 0 42px 0)}53.3333333333%{clip-path:inset(25px 0 11px 0)}56.6666666667%{clip-path:inset(6px 0 26px 0)}60%{clip-path:inset(53px 0 47px 0)}63.3333333333%{clip-path:inset(62px 0 23px 0)}66.6666666667%{clip-path:inset(98px 0 2px 0)}70%{clip-path:inset(10px 0 33px 0)}73.3333333333%{clip-path:inset(67px 0 10px 0)}76.6666666667%{clip-path:inset(85px 0 10px 0)}80%{clip-path:inset(42px 0 30px 0)}83.3333333333%{clip-path:inset(69px 0 17px 0)}86.6666666667%{clip-path:inset(35px 0 7px 0)}90%{clip-path:inset(35px 0 57px 0)}93.3333333333%{clip-path:inset(37px 0 12px 0)}96.6666666667%{clip-path:inset(19px 0 39px 0)}to{clip-path:inset(20px 0 2px 0)}}.glow,.falling h2{text-shadow:0 0 1000px rgb(223,191,191);color:transparent;position:absolute;top:0}.glow2,.lost *{text-shadow:0 0 10px rgb(223,191,191);color:transparent;position:absolute;top:80%;width:100%;height:100%;animation:textStretch 10s 3s infinite;white-space:nowrap}.ascend,.lost-endless h3,.drowning h3,.trapped h3{position:relative}.ascend:before,.lost-endless h3:before,.drowning h3:before,.trapped h3:before{content:attr(data-text);left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:ascend-anim 5s infinite linear alternate-reverse}.ascend:after,.lost-endless h3:after,.drowning h3:after,.trapped h3:after{content:attr(data-text);left:-2px;text-shadow:-2px 0 #ff00c1,2px 2px #ff00c1;clip:rect(44px,450px,56px,0);animation:ascend-anim2 5s infinite linear alternate-reverse}@keyframes ascend-anim{0%{clip:rect(11px,9999px,30px,0);transform:skew(.42deg)}5%{clip:rect(55px,9999px,59px,0);transform:skew(.26deg)}10%{clip:rect(40px,9999px,94px,0);transform:skew(.87deg)}15%{clip:rect(97px,9999px,34px,0);transform:skew(.5deg)}20%{clip:rect(89px,9999px,58px,0);transform:skew(.27deg)}25%{clip:rect(77px,9999px,19px,0);transform:skew(.11deg)}30%{clip:rect(92px,9999px,17px,0);transform:skew(.6deg)}35%{clip:rect(30px,9999px,31px,0);transform:skew(.2deg)}40%{clip:rect(28px,9999px,20px,0);transform:skew(.62deg)}45%{clip:rect(51px,9999px,95px,0);transform:skew(.21deg)}50%{clip:rect(55px,9999px,23px,0);transform:skew(.36deg)}55%{clip:rect(34px,9999px,75px,0);transform:skew(1deg)}60%{clip:rect(1px,9999px,90px,0);transform:skew(.39deg)}65%{clip:rect(36px,9999px,50px,0);transform:skew(.65deg)}70%{clip:rect(63px,9999px,9px,0);transform:skew(.84deg)}75%{clip:rect(66px,9999px,54px,0);transform:skew(.27deg)}80%{clip:rect(96px,9999px,10px,0);transform:skew(.19deg)}85%{clip:rect(98px,9999px,10px,0);transform:skew(.31deg)}90%{clip:rect(72px,9999px,33px,0);transform:skew(.99deg)}95%{clip:rect(41px,9999px,51px,0);transform:skew(.18deg)}}@keyframes ascend-anim2{0%{clip:rect(34px,9999px,3px,0);transform:skew(.13deg)}5%{clip:rect(90px,9999px,18px,0);transform:skew(.49deg)}10%{clip:rect(27px,9999px,4px,0);transform:skew(.92deg)}15%{clip:rect(12px,9999px,2px,0);transform:skew(.72deg)}20%{clip:rect(65px,9999px,5px,0);transform:skew(.59deg)}25%{clip:rect(76px,9999px,13px,0);transform:skew(.03deg)}30%{clip:rect(73px,9999px,11px,0);transform:skew(.29deg)}35%{clip:rect(55px,9999px,52px,0);transform:skew(.88deg)}40%{clip:rect(53px,9999px,63px,0);transform:skew(.03deg)}45%{clip:rect(22px,9999px,20px,0);transform:skew(.24deg)}50%{clip:rect(82px,9999px,43px,0);transform:skew(.77deg)}55%{clip:rect(22px,9999px,76px,0);transform:skew(.24deg)}60%{clip:rect(55px,9999px,25px,0);transform:skew(.76deg)}65%{clip:rect(97px,9999px,2px,0);transform:skew(1deg)}70%{clip:rect(60px,9999px,54px,0);transform:skew(.93deg)}75%{clip:rect(90px,9999px,99px,0);transform:skew(.01deg)}80%{clip:rect(77px,9999px,82px,0);transform:skew(.2deg)}85%{clip:rect(10px,9999px,19px,0);transform:skew(.86deg)}90%{clip:rect(27px,9999px,31px,0);transform:skew(.51deg)}95%{clip:rect(71px,9999px,1px,0);transform:skew(.93deg)}}.hero-paths,.struggling *{animation:paths 5s step-end infinite}.flickering-light,.surviving *{animation:flicker 1s infinite}.distorted-image,.love *{animation:distort 2s infinite}@font-face{font-family:Audiowide;font-display:auto;src:local("Audiowide")}@font-face{font-family:VT323;font-display:auto;src:local("VT323")}@font-face{font-family:Bangers;font-display:auto;src:local("Bangers")}@font-face{font-family:Orbitron;font-display:auto;src:local("Orbitron")}@font-face{font-family:"Press Start 2P";font-display:auto;src:local("Press Start 2P")}@font-face{font-family:Space Mono;font-display:auto;src:local("Space Mono")}@font-face{font-family:Lato;font-display:auto;src:local("Lato")}@font-face{font-family:ZCOOL QingKe HuangYou;font-display:auto;src:local("ZCOOL QingKe HuangYou")}@font-face{font-family:Great Vibes;font-display:auto;src:local("Great Vibes")}@font-face{font-family:Pacifico;font-display:auto;src:local("Pacifico")}@font-face{font-family:Shrikhand;font-display:auto;src:local("Shrikhand")}@font-face{font-family:Tangerine;font-display:auto;src:local("Tangerine")}@font-face{font-family:Vibur;font-display:auto;src:local("Vibur")}@font-face{font-family:Vidaloka;font-display:auto;src:local("Vidaloka")}@font-face{font-family:Teko;font-display:auto;src:local("Teko")}body{background-color:#000;max-height:100vh;overflow-y:hidden}.container{padding-left:10%;float:none!important;max-height:90vh}.container div{padding-left:100px}.vibe{margin-left:50vw auto;min-width:400px;padding-left:25vw;padding-right:25vw;max-height:100vh;margin-top:auto}.image{position:relative;top:-4px;left:-4px;filter:hue-rotate(180deg);animation:glitch 5s linear infinite}.container h2{background:-webkit-linear-gradient(#ffc,#100);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:50px}h3{transform:scale(1.5)}.lost *{font-family:Space Mono;text-transform:full-width}:root{--abyssal-abyss: #000080;--midnight-mirage: #191970;--whispering-void: #D8D8D8;--uncertainty: #808080;--mystical-mist: #D3D3D3;--doubtful-daze: #A9A9A9;--infinite-horizon: #87CEEB;--mystical-maze: #BABABA;--endless-expanse: #FFFFFF;--shadowed-soul: #696969;--anxiety-attack: #FF69B4;--frightened-frenzy: #8B0000;--chaotic-chaos: #8B008B;--meaningless-melancholy: #828282;--void-of-purpose: #808080;--enlightenment: #FFFF00;--hopes-horizon: #ADD8E6;--guiding-light: #F0E68C;--despairs-depths: #000000;--hopes-haven: #FFFFFF;--inner-strength: #8B4513;--inner-confusion: #D3D3D3;--minds-maze: #A9A9A9;--lost-in-thought: #696969;--distracted-dreams: #87CEEB;--inner-quest: #BABABA;--what-am-i-searching-for: #FFFFFF;--anxious-abyss: #FF69B4;--uncertain-uncertainty: #8B0000;--endless-endurance: #8B008B;--loving-light: #FFB6C1;--loving-light-2: #FFC0CB;--loving-light-3: #FF69B4}.drowning *{color:var(--whispering-void);text-shadow:0 0 10px var(--midnight-mirage),0 0 20px var(--midnight-mirage),0 0 30px var(--midnight-mirage),0 0 40px var(--midnight-mirage),0 0 70px var(--midnight-mirage);font-family:VT323,monospace;font-size:3em}.falling *{color:var(--uncertainty);text-shadow:0 0 10px var(--mystical-mist),0 0 20px var(--mystical-mist),0 0 30px var(--mystical-mist),0 0 40px var(--mystical-mist),0 0 70px var(--mystical-mist);font-family:AudioWide,monospace}.lost-endless *{color:var(--mystical-maze);text-shadow:0 0 100px var(--infinite-horizon),0 0 150px var(--infinite-horizon);font-family:Space Mono,cursive}.trapped *{color:var(--anxiety-attack);text-shadow:0 0 10px var(--frightened-frenzy),0 0 30px var(--frightened-frenzy),0 0 70px var(--frightened-frenzy),0 0 80px var(--frightened-frenzy),0 0 150px var(--frightened-frenzy);font-family:Orbitron,sans-serif}.struggling *{color:var(--meaningless-melancholy);text-shadow:0 0 150px var(--void-of-purpose);font-family:"Press Start 2P",cursive}.surviving *{color:var(--hopes-horizon);text-shadow:0 0 10px var(--guiding-light),0 0 20px,0 0 80px var(--guiding-light),0 0 200px var(--guiding-light);font-family:Teko,sans-serif;position:absolute}.fighting *{color:var(--hopes-haven);text-shadow:0 0 10px var(--inner-strength),0 0 20px var(--inner-strength),0 0 30px var(--inner-strength),0 0 40px var(--inner-strength),0 0 70px var(--inner-strength),0 0 80px var(--inner-strength),0 0 100px var(--inner-strength),0 0 150px var(--inner-strength);font-family:Tangerine,sans-serif}.escaping *{color:var(--minds-maze);text-shadow:0 0 10px var(--lost-in-thought),0 0 20px var(--lost-in-thought),0 0 30px var(--lost-in-thought),0 0 40px var(--lost-in-thought);font-family:Lato,sans-serif;font-style:italic}.searching *{color:var(--inner-quest);text-shadow:0 0 80px var(--what-am-i-searching-for),0 0 100px var(--what-am-i-searching-for),0 0 150px var(--what-am-i-searching-for);font-family:Teko,sans-serif;top:40vh;position:absolute}.fear *{color:var(--uncertain-uncertainty);text-shadow:0 0 10px var(--endless-endurance),0 0 20px var(--endless-endurance),0 0 80px var(--endless-endurance),0 0 100px var(--endless-endurance),0 0 150px var(--endless-endurance);font-family:ZCOOL QingKe HuangYou,cursive}.love *{color:var(--loving-light-2);text-shadow:0 0 10px var(--loving-light-3),0 0 150px var(--loving-light-3);font-family:Shrikhand,cursive}.container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.glitch,.glow2,.glow{color:#dfbfbf;position:relative;animation:glitch 4s 1s infinite}.glitch:before,.glow2:before,.glow:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:-5px 0 magenta;background:black;overflow:hidden;top:0;animation:noise-1 3s linear infinite alternate-reverse,glitch 5s 5.05s infinite}.glitch:after,.glow2:after,.glow:after{content:attr(data-text);position:absolute;left:2px;text-shadow:-5px 0 lightgreen;background:black;overflow:hidden;top:0;animation:noise-2 3s linear infinite alternate-reverse,glitch 5s 5s infinite}@keyframes glitch{1%{transform:rotateX(10deg) skew(90deg)}2%{transform:rotateX(0) skew(0)}}@keyframes noise-1{3.3333333333%{clip-path:inset(63px 0 35px 0)}6.6666666667%{clip-path:inset(72px 0 26px 0)}10%{clip-path:inset(80px 0 5px 0)}13.3333333333%{clip-path:inset(20px 0 19px 0)}16.6666666667%{clip-path:inset(36px 0 7px 0)}20%{clip-path:inset(100px 0 1px 0)}23.3333333333%{clip-path:inset(12px 0 68px 0)}26.6666666667%{clip-path:inset(60px 0 10px 0)}30%{clip-path:inset(74px 0 4px 0)}33.3333333333%{clip-path:inset(67px 0 20px 0)}36.6666666667%{clip-path:inset(99px 0 1px 0)}40%{clip-path:inset(23px 0 7px 0)}43.3333333333%{clip-path:inset(9px 0 77px 0)}46.6666666667%{clip-path:inset(5px 0 54px 0)}50%{clip-path:inset(96px 0 5px 0)}53.3333333333%{clip-path:inset(69px 0 27px 0)}56.6666666667%{clip-path:inset(74px 0 12px 0)}60%{clip-path:inset(73px 0 4px 0)}63.3333333333%{clip-path:inset(89px 0 11px 0)}66.6666666667%{clip-path:inset(22px 0 28px 0)}70%{clip-path:inset(89px 0 5px 0)}73.3333333333%{clip-path:inset(73px 0 14px 0)}76.6666666667%{clip-path:inset(80px 0 14px 0)}80%{clip-path:inset(78px 0 8px 0)}83.3333333333%{clip-path:inset(97px 0 1px 0)}86.6666666667%{clip-path:inset(92px 0 7px 0)}90%{clip-path:inset(14px 0 61px 0)}93.3333333333%{clip-path:inset(93px 0 5px 0)}96.6666666667%{clip-path:inset(48px 0 24px 0)}to{clip-path:inset(44px 0 31px 0)}}@keyframes noise-2{0%{clip-path:inset(3px 0 7px 0)}3.3333333333%{clip-path:inset(31px 0 37px 0)}6.6666666667%{clip-path:inset(94px 0 6px 0)}10%{clip-path:inset(9px 0 1px 0)}13.3333333333%{clip-path:inset(76px 0 19px 0)}16.6666666667%{clip-path:inset(86px 0 3px 0)}20%{clip-path:inset(64px 0 24px 0)}23.3333333333%{clip-path:inset(55px 0 25px 0)}26.6666666667%{clip-path:inset(90px 0 1px 0)}30%{clip-path:inset(11px 0 30px 0)}33.3333333333%{clip-path:inset(91px 0 10px 0)}36.6666666667%{clip-path:inset(17px 0 50px 0)}40%{clip-path:inset(88px 0 6px 0)}43.3333333333%{clip-path:inset(58px 0 15px 0)}46.6666666667%{clip-path:inset(94px 0 6px 0)}50%{clip-path:inset(42px 0 40px 0)}53.3333333333%{clip-path:inset(65px 0 23px 0)}56.6666666667%{clip-path:inset(26px 0 12px 0)}60%{clip-path:inset(19px 0 1px 0)}63.3333333333%{clip-path:inset(58px 0 21px 0)}66.6666666667%{clip-path:inset(71px 0 8px 0)}70%{clip-path:inset(30px 0 17px 0)}73.3333333333%{clip-path:inset(33px 0 13px 0)}76.6666666667%{clip-path:inset(16px 0 55px 0)}80%{clip-path:inset(55px 0 15px 0)}83.3333333333%{clip-path:inset(22px 0 27px 0)}86.6666666667%{clip-path:inset(70px 0 22px 0)}90%{clip-path:inset(91px 0 7px 0)}93.3333333333%{clip-path:inset(9px 0 38px 0)}96.6666666667%{clip-path:inset(50px 0 50px 0)}to{clip-path:inset(97px 0 2px 0)}}.scanlines{overflow:hidden;mix-blend-mode:difference}.scanlines:before{content:"";position:fixed;width:100%;height:100%;top:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.05) .5%,transparent 1%);animation:fudge 4s ease-in-out infinite}@keyframes fudge{0%{transform:translate(0)}to{transform:translateY(2%)}}.glow{text-shadow:0 0 1000px rgb(223,191,191);color:transparent;position:absolute;top:0}.glow2{text-shadow:0 0 10px rgb(223,191,191);color:transparent;position:absolute;top:80%;width:100%;height:100%;animation:textStretch 10s 3s infinite;white-space:nowrap}@keyframes textStretch{0%{opacity:.8}to{letter-spacing:2em;opacity:0;translate:-100px}}.subtitle{font-family:Arial,Helvetica,sans-serif;font-weight:100;font-size:.8vw;color:#a58d8d66;text-transform:uppercase;letter-spacing:1em;text-align:center;position:absolute;left:17%;animation:glitch-2 5s 5.02s infinite}@keyframes glitch-2{1%{transform:rotateX(10deg) skew(70deg)}2%{transform:rotateX(0) skew(0)}}.ascend{position:relative}.ascend:before{content:attr(data-text);left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:ascend-anim 5s infinite linear alternate-reverse}.ascend:after{content:attr(data-text);left:-2px;text-shadow:-2px 0 #ff00c1,2px 2px #ff00c1;clip:rect(44px,450px,56px,0);animation:ascend-anim2 5s infinite linear alternate-reverse}@keyframes ascend-anim{0%{clip:rect(93px,9999px,85px,0);transform:skew(.46deg)}5%{clip:rect(74px,9999px,61px,0);transform:skew(.94deg)}10%{clip:rect(7px,9999px,5px,0);transform:skew(.51deg)}15%{clip:rect(71px,9999px,58px,0);transform:skew(.02deg)}20%{clip:rect(59px,9999px,17px,0);transform:skew(.01deg)}25%{clip:rect(27px,9999px,97px,0);transform:skew(.41deg)}30%{clip:rect(69px,9999px,28px,0);transform:skew(.16deg)}35%{clip:rect(95px,9999px,2px,0);transform:skew(.99deg)}40%{clip:rect(19px,9999px,33px,0);transform:skew(.65deg)}45%{clip:rect(98px,9999px,54px,0);transform:skew(.22deg)}50%{clip:rect(45px,9999px,16px,0);transform:skew(.27deg)}55%{clip:rect(15px,9999px,42px,0);transform:skew(.84deg)}60%{clip:rect(3px,9999px,80px,0);transform:skew(.28deg)}65%{clip:rect(49px,9999px,94px,0);transform:skew(.46deg)}70%{clip:rect(95px,9999px,80px,0);transform:skew(.63deg)}75%{clip:rect(60px,9999px,87px,0);transform:skew(.98deg)}80%{clip:rect(1px,9999px,44px,0);transform:skew(.03deg)}85%{clip:rect(54px,9999px,25px,0);transform:skew(.34deg)}90%{clip:rect(39px,9999px,98px,0);transform:skew(.36deg)}95%{clip:rect(15px,9999px,65px,0);transform:skew(.58deg)}}@keyframes ascend-anim2{0%{clip:rect(21px,9999px,77px,0);transform:skew(.45deg)}5%{clip:rect(22px,9999px,36px,0);transform:skew(.95deg)}10%{clip:rect(22px,9999px,26px,0);transform:skew(.08deg)}15%{clip:rect(37px,9999px,87px,0);transform:skew(.7deg)}20%{clip:rect(46px,9999px,61px,0);transform:skew(.55deg)}25%{clip:rect(46px,9999px,25px,0);transform:skew(.78deg)}30%{clip:rect(92px,9999px,72px,0);transform:skew(1deg)}35%{clip:rect(99px,9999px,73px,0);transform:skew(.58deg)}40%{clip:rect(32px,9999px,50px,0);transform:skew(.5deg)}45%{clip:rect(53px,9999px,74px,0);transform:skew(.61deg)}50%{clip:rect(56px,9999px,34px,0);transform:skew(.9deg)}55%{clip:rect(2px,9999px,1px,0);transform:skew(.36deg)}60%{clip:rect(55px,9999px,9px,0);transform:skew(.56deg)}65%{clip:rect(14px,9999px,26px,0);transform:skew(.68deg)}70%{clip:rect(6px,9999px,54px,0);transform:skew(.41deg)}75%{clip:rect(66px,9999px,10px,0);transform:skew(.66deg)}80%{clip:rect(46px,9999px,62px,0);transform:skew(.2deg)}85%{clip:rect(66px,9999px,18px,0);transform:skew(.3deg)}90%{clip:rect(42px,9999px,33px,0);transform:skew(.5deg)}95%{clip:rect(5px,9999px,96px,0);transform:skew(.12deg)}}.hero{font-size:clamp(40px,10vw,100px);line-height:1;display:inline-block;color:#fff;z-index:2;letter-spacing:10px;filter:drop-shadow(0 1px 3px)}.hero-demo{height:100px;background:#fff}.hero-layers{position:relative}.hero-layers:before,.hero-layers:after{content:attr(data-text);position:absolute;width:110%;z-index:-1}.hero-layers:before{top:10px;left:15px;color:#e0287d}.hero-layers:after{top:5px;left:-10px;color:#1bc7fb}.hero-single-path{clip-path:polygon(0% 12%,53% 12%,53% 26%,25% 26%,25% 86%,31% 86%,31% 0%,53% 0%,53% 84%,92% 84%,92% 82%,70% 82%,70% 29%,78% 29%,78% 65%,69% 65%,69% 66%,77% 66%,77% 45%,85% 45%,85% 26%,97% 26%,97% 28%,84% 28%,84% 34%,54% 34%,54% 89%,30% 89%,30% 58%,83% 58%,83% 5%,68% 5%,68% 36%,62% 36%,62% 1%,12% 1%,12% 34%,60% 34%,60% 57%,98% 57%,98% 83%,1% 83%,1% 53%,91% 53%,91% 84%,8% 84%,8% 83%,4% 83%)}.hero-paths{animation:paths 5s step-end infinite}@keyframes paths{0%{clip-path:polygon(0% 43%,83% 43%,83% 22%,23% 22%,23% 24%,91% 24%,91% 26%,18% 26%,18% 83%,29% 83%,29% 17%,41% 17%,41% 39%,18% 39%,18% 82%,54% 82%,54% 88%,19% 88%,19% 4%,39% 4%,39% 14%,76% 14%,76% 52%,23% 52%,23% 35%,19% 35%,19% 8%,36% 8%,36% 31%,73% 31%,73% 16%,1% 16%,1% 56%,50% 56%,50% 8%)}5%{clip-path:polygon(0% 29%,44% 29%,44% 83%,94% 83%,94% 56%,11% 56%,11% 64%,94% 64%,94% 70%,88% 70%,88% 32%,18% 32%,18% 96%,10% 96%,10% 62%,9% 62%,9% 84%,68% 84%,68% 50%,52% 50%,52% 55%,35% 55%,35% 87%,25% 87%,25% 39%,15% 39%,15% 88%,52% 88%)}30%{clip-path:polygon(0% 53%,93% 53%,93% 62%,68% 62%,68% 37%,97% 37%,97% 89%,13% 89%,13% 45%,51% 45%,51% 88%,17% 88%,17% 54%,81% 54%,81% 75%,79% 75%,79% 76%,38% 76%,38% 28%,61% 28%,61% 12%,55% 12%,55% 62%,68% 62%,68% 51%,0% 51%,0% 92%,63% 92%,63% 4%,65% 4%)}45%{clip-path:polygon(0% 33%,2% 33%,2% 69%,58% 69%,58% 94%,55% 94%,55% 25%,33% 25%,33% 85%,16% 85%,16% 19%,5% 19%,5% 20%,79% 20%,79% 96%,93% 96%,93% 50%,5% 50%,5% 74%,55% 74%,55% 57%,96% 57%,96% 59%,87% 59%,87% 65%,82% 65%,82% 39%,63% 39%,63% 92%,4% 92%,4% 36%,24% 36%,24% 70%,1% 70%,1% 43%,15% 43%,15% 28%,23% 28%,23% 71%,90% 71%,90% 86%,97% 86%,97% 1%,60% 1%,60% 67%,71% 67%,71% 91%,17% 91%,17% 14%,39% 14%,39% 30%,58% 30%,58% 11%,52% 11%,52% 83%,68% 83%)}76%{clip-path:polygon(0% 26%,15% 26%,15% 73%,72% 73%,72% 70%,77% 70%,77% 75%,8% 75%,8% 42%,4% 42%,4% 61%,17% 61%,17% 12%,26% 12%,26% 63%,73% 63%,73% 43%,90% 43%,90% 67%,50% 67%,50% 41%,42% 41%,42% 46%,50% 46%,50% 84%,96% 84%,96% 78%,49% 78%,49% 25%,63% 25%,63% 14%)}90%{clip-path:polygon(0% 41%,13% 41%,13% 6%,87% 6%,87% 93%,10% 93%,10% 13%,89% 13%,89% 6%,3% 6%,3% 8%,16% 8%,16% 79%,0% 79%,0% 99%,92% 99%,92% 90%,5% 90%,5% 60%,0% 60%,0% 48%,89% 48%,89% 13%,80% 13%,80% 43%,95% 43%,95% 19%,80% 19%,80% 85%,38% 85%,38% 62%)}1%,7%,33%,47%,78%,93%{clip-path:none}}.hero-movement{position:relative;animation:movement 8s step-end infinite}@keyframes movement{0%{top:0px;left:-20px}15%{top:10px;left:10px}60%{top:5px;left:-10px}75%{top:-5px;left:20px}to{top:10px;left:5px}}.hero-opacity{animation:opacity 5s step-end infinite}@keyframes opacity{0%{opacity:.1}5%{opacity:.7}30%{opacity:.4}45%{opacity:.6}76%{opacity:.4}90%{opacity:.8}1%,7%,33%,47%,78%,93%{opacity:0}}.hero-font{animation:font 7s step-end infinite}@keyframes font{0%{font-weight:100;color:#e0287d;filter:blur(3px)}20%{font-weight:500;color:#fff;filter:blur(0)}50%{font-weight:300;color:#1bc7fb;filter:blur(2px)}60%{font-weight:700;color:#fff;filter:blur(0)}90%{font-weight:500;color:#e0287d;filter:blur(6px)}}.hero-glitch span{animation:paths 5s step-end infinite}.hero-glitch:before{animation:paths 5s step-end infinite,opacity 5s step-end infinite,font 8s step-end infinite,movement 10s step-end infinite}.hero-glitch:after{animation:paths 5s step-end infinite,opacity 5s step-end infinite,font 7s step-end infinite,movement 8s step-end infinite}.hero-container{position:relative;padding:200px 0;text-align:center}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.grid-item:nth-child(odd){grid-column:1/span 2}.text{color:#fff;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black}.caption-text{font-size:18px;line-height:1.5;text-align:center;color:#333;padding:10px 20px;margin:20px 0}.caption-text.large{font-size:24px}.caption-text.small{font-size:12px}.caption-text.left{text-align:left}.caption-text.right{text-align:right}.grid{display:grid;grid-template-columns:repeat(10,1fr);grid-gap:20px;padding:20px}.caption{font-family:Helvetica Neue,sans-serif;font-size:18px;line-height:1.5;text-align:center;color:#333;padding:10px 20px;margin:20px 0;text-shadow:2px 2px 2px rgba(0,0,0,.3)}.caption.large{font-size:24px}.caption.small{font-size:12px}.caption.left{text-align:left}.caption.right{text-align:right}@keyframes flicker{0%{opacity:.7}20%{opacity:.7}30%{opacity:.4}40%{opacity:1}70%{opacity:1}80%{opacity:.1}90%{opacity:.2}to{opacity:.3}}.flickering-light{animation:flicker 1s infinite}@keyframes distort{0%{filter:grayscale(100%) brightness(150%) contrast(150%) blur(2px)}10%{filter:grayscale(100%) brightness(150%) contrast(150%) blur(2px)}20%{filter:grayscale(100%) brightness(150%) contrast(150%) blur(2px)}30%{filter:grayscale(100%) brightness(150%) contrast(150%) blur(2px)}40%{filter:grayscale(100%) brightness(150%) contrast(150%) blur(0px)}50%{filter:grayscale(100%) brightness(150%) contrast(150%) blur(0px)}60%{filter:grayscale(100%) brightness(150%) contrast(150%) blur(0px)}70%{filter:grayscale(100%) brightness(150%) contrast(150%) blur(0px)}80%{filter:grayscale(100%) brightness(150%) contrast(150%) blur(2px)}}.distorted-image{animation:distort 2s infinite}.transition-effect{transition:all .5s ease-in-out}