:root{--border-radius:8px;--black:#000;--white:#fff;--red:#ad1d1d;--gray:#414141;--bg-color:#1c1c22;--bg-grain:url(https://assets.codepen.io/64/svgNoise2.svg);--bg-grain:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--shadow-size:max(140px,40vw);--shadow-size-fallback:40vw;--shadow-blur:60;--color-1:#6328da;--color-2:#ff1bf1;--color-3:#008cea;--bg-1-x:0;--bg-1-y:0;--bg-2-x:0;--bg-2-y:0;--bg-3-x:0;--bg-3-y:0;--shiny-cta-bg:#000;--shiny-cta-bg-subtle:#1a1818;--shiny-cta-fg:#fff;--shiny-cta-highlight:blue;--shiny-cta-highlight-subtle:#8484ff}*{box-sizing:border-box;margin:0;padding:0}*,:after,:before{outline:calc(var(--debug)*1px) dashed red}@font-face{font-family:Mona Sans;font-weight:100 1000;src:url(https://assets.codepen.io/64/Mona-Sans.woff2) format("woff2 supports variations"),url(https://assets.codepen.io/64/Mona-Sans.woff2) format("woff2-variations")}@property --bg-1-x{syntax:"<number>";inherits:true;initial-value:0}@property --bg-2-x{syntax:"<number>";inherits:true;initial-value:0}@property --bg-2-y{syntax:"<number>";inherits:true;initial-value:0}@property --bg-3-x{syntax:"<number>";inherits:true;initial-value:0}@property --bg-3-y{syntax:"<number>";inherits:true;initial-value:0}@supports (color:color(display-p3 1 1 1)){:root{--color-1:color(display-p3 0.36 0.17 0.82);--color-2:color(display-p3 0.95 0.04 0.95);--color-3:color(display-p3 0.01 0.53 0.99)}}@media (min-width:960px){:root{--shadow-size:max(72px,25vw);--shadow-size-fallback:25vw;--shadow-blur:80}}@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --gradient-angle-offset{syntax:"<angle>";initial-value:0deg;inherits:false}@property --gradient-percent{syntax:"<percentage>";initial-value:5%;inherits:false}@property --gradient-shine{syntax:"<color>";initial-value:#fff;inherits:false}.shiny-cta{--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:2px;background:linear-gradient(#000,#000) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),#0000,blue var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),blue calc(var(--gradient-percent)*3),#0000 calc(var(--gradient-percent)*4)) border-box;background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),#0000,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),var(--shiny-cta-highlight) calc(var(--gradient-percent)*3),#0000 calc(var(--gradient-percent)*4)) border-box;border:1px solid #0000;border-radius:360px;box-shadow:inset 0 0 0 1px #1a1818;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);color:#fff;color:var(--shiny-cta-fg);cursor:pointer;font-family:inherit;font-size:1.125rem;isolation:isolate;line-height:1.2;outline-offset:4px;overflow:hidden;padding:1.25rem 2.5rem;position:relative;&:after,&:before,span:before{content:"";inset-block-start:50%;inset-inline-start:50%;pointer-events:none;position:absolute;translate:-50% -50%;z-index:-1}&:active{translate:0 1px}}.shiny-cta:before{--size:calc(100% - var(--shadow-size)*3);--position:2px;--space:calc(var(--position)*2);background:radial-gradient(circle at var(--position) var(--position),#fff calc(var(--position)/4),#0000 0) padding-box;background-repeat:space;background-size:var(--space) var(--space);border-radius:inherit;height:var(--size);-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),#000,#0000 10% 90%,#000);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),#000,#0000 10% 90%,#000);opacity:.4;width:var(--size);z-index:-1}.shiny-cta:after{--animation:shimmer linear infinite;aspect-ratio:1;background:linear-gradient(-50deg,#0000,blue,#0000);background:linear-gradient(-50deg,#0000,var(--shiny-cta-highlight),#0000);-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000);opacity:.6;width:100%}.shiny-cta span{z-index:1;&:before{--size:calc(100% + 1rem);box-shadow:inset 0 -1ex 2rem 4px blue;box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);height:var(--size);opacity:0;width:var(--size)}}.shiny-cta{--transition:800ms cubic-bezier(0.25,1,0.5,1);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine;&,&:after,&:before{animation-composition:add;animation:var(--animation) var(--duration),var(--animation) calc(var(--duration)/.4) reverse paused}span:before{animation:calc(var(--duration)*1.5) breathe linear infinite;transition:opacity var(--transition)}}.shiny-cta:is(:hover,:focus-visible){--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle);&,&:after,&:before{animation-play-state:running}span:before{opacity:1}}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shimmer{to{rotate:1turn}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}body,html{height:100%;margin:0;padding:0;width:100%}body{background:#1c1c22;background:var(--bg-color);display:grid;font-family:Mona Sans,sans-serif;grid-template-columns:repeat(1,1fr);position:relative;z-index:1}body:before{background:radial-gradient(circle max(140px,40vw) at 20vw 0,#6328da 100%,#0000 0),radial-gradient(circle max(140px,40vw) at 100vw 0,#ff1bf1 100%,#0000 0),radial-gradient(circle calc(max(140px, 40vw)*1.2) at 50vw 115vh,#008cea 100%,#0000 0);background:radial-gradient(circle var(--shadow-size,var(--shadow-size-fallback)) at 20vw 0,var(--color-1,red) 100%,#0000 0),radial-gradient(circle var(--shadow-size,var(--shadow-size-fallback)) at 100vw 0,var(--color-2,red) 100%,#0000 0),radial-gradient(circle calc(var(--shadow-size, var(--shadow-size-fallback))*1.2) at 50vw 115vh,var(--color-3,red) 100%,#0000 0);filter:blur(60px);filter:blur(calc(var(--shadow-blur)*1px));mix-blend-mode:hue;opacity:.5;z-index:1}body:after,body:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}body:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background:var(--bg-grain);background-size:500px;filter:contrast(145%) brightness(650%) invert(100%);mix-blend-mode:screen;z-index:-1}main{display:grid;height:100%;left:0;place-items:center;position:absolute;top:0;width:100%;z-index:2}main h1{-webkit-text-fill-color:#0000;animation:bg 20s linear infinite alternate;background:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"),conic-gradient(from 140deg at 0 90%,#1a0d00,#00011a,#fffffa,#15009e,#d232aa,#fa8c3d,#fff480,#fffffa,#7ed4fb,#040d8b,#010014),radial-gradient(ellipse at 0 0,#fff 12%,#0000 35%),radial-gradient(ellipse at 0 0,#61a8fa,#0000 35%);background:var(--bg-grain),conic-gradient(from 140deg at calc(var(--bg-1-x)*1%) 90%,#1a0d00,#00011a,#fffffa,#15009e,#d232aa,#fa8c3d,#fff480,#fffffa,#7ed4fb,#040d8b,#010014),radial-gradient(ellipse at calc(var(--bg-2-x)*1%) calc(var(--bg-2-y)*1%),#fff 12%,#0000 35%),radial-gradient(ellipse at calc(var(--bg-3-x)*1%) calc(var(--bg-3-y)*1%),#61a8fa,#0000 35%);background-blend-mode:color-burn;-webkit-background-clip:text;background-repeat:repeat;background-size:500px,cover;color:#fff;font-size:max(72px,15vw);font-stretch:110%;font-weight:650;letter-spacing:-.04em;margin-top:2rem;mix-blend-mode:lighten;opacity:1}a{text-decoration:none}@keyframes bg{0%{--bg-1-x:25;--bg-2-y:40;--bg-2-x:35;--bg-3-y:20;--bg-3-x:45}25%{--bg-1-x:30;--bg-2-y:50;--bg-2-x:80;--bg-3-y:20;--bg-3-x:70}50%{--bg-1-x:10;--bg-2-y:40;--bg-2-x:30;--bg-3-y:80;--bg-3-x:50}75%{--bg-1-x:70;--bg-2-y:10;--bg-2-x:50;--bg-3-y:30;--bg-3-x:40}to{--bg-1-x:25;--bg-2-y:40;--bg-2-x:35;--bg-3-y:20;--bg-3-x:45}}.get-theme{background:#0003;border:1px solid #167900b8;border-radius:50rem;box-shadow:inset 0 1px 0 0 #1000ff;color:#fff;font-family:cursive;font-size:1.5rem;font-weight:900;letter-spacing:.15rem;padding:1rem 3rem;text-align:center;text-decoration:none}.hero{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;overflow:hidden;padding:150px 0;position:relative}.hero-copy{color:#fff;color:var(--white);max-width:750px;text-align:center;z-index:10;main{align-items:center;display:flex;flex-flow:column;height:100dvh;justify-content:center;width:100%}}.icon-layer{height:100%;position:absolute;width:100%}.icon{animation:iconFadeIn 7s ease forwards;border-radius:12px;padding:10px;position:absolute;transition:transform 1s ease-out;svg{height:100%;width:100%}path{color:#fff;color:var(--white)}&.outline{border:1px solid #414141;border:1px solid var(--gray)}&.fill{background:#414141;background:var(--gray)}&.sm{height:40px;width:40px;z-index:1}&.md{height:60px;width:60px;z-index:3}&.lg{height:80px;width:80px;z-index:5}}@keyframes iconFadeIn{0%{opacity:0}to{opacity:.6}}
/*# sourceMappingURL=main.f8ced341.css.map*/