.codepen-button[data-astro-cid-ph5m5pjk]{display:block;cursor:pointer;color:var(--primary-600);margin:0 auto;position:relative;text-decoration:none;border-radius:13px;overflow:hidden;padding:2px;isolation:isolate;transition:.2s ease-out}.codepen-button[data-astro-cid-ph5m5pjk]:hover{color:var(--secondary-600);transform:translateY(-2px)}.codepen-button[data-astro-cid-ph5m5pjk]:before{content:"";position:absolute;top:0;left:0;width:400%;height:100%;background:linear-gradient(115deg,#8f4fcf,red,#a261e3,#9812fe,#9244ce);background-size:25% 100%;animation:an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop .75s linear infinite;animation-play-state:paused;translate:-5% 0%;transition:translate .3s ease-out;animation-play-state:running;transition-duration:.75s;translate:0% 0%}.codepen-button[data-astro-cid-ph5m5pjk]:hover:before{background:red}@keyframes an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop{to{transform:translate(-25%)}}.codepen-button[data-astro-cid-ph5m5pjk] span[data-astro-cid-ph5m5pjk]{position:relative;display:block;padding:7px 1.6rem;background:#fff;border-radius:10px;height:100%}.border-animation[data-astro-cid-k74dcqyt]{overflow:hidden;animation:morph 6s linear infinite}@keyframes morph{0%,to{border-radius:40% 60% 60% 40%/40% 40% 60% 50%}30%{border-radius:60% 30% 50% 50%/30% 30% 50% 50%}60%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%}80%{border-radius:69% 31% 66% 34%/40% 30% 70% 79%}}@keyframes sizeImage{0%{transform:scale(1)}50%{transform:scale(3)}to{transform:scale(2)}}.info[data-astro-cid-k74dcqyt]{width:auto;height:70px;animation:adjust-info block both;animation-timeline:--main;animation-range:exit-crossing -11rem exit-crossing 0;animation:reveal linear both;animation-range:cover 0% cover 100%}body{timeline-scope:--main}main[data-astro-cid-k74dcqyt]{view-timeline:--main}.menu-home[data-astro-cid-k74dcqyt] a[data-astro-cid-k74dcqyt]{position:relative;padding-left:30px;transition:.5s ease-in-out;color:var(--primary)}.menu-home[data-astro-cid-k74dcqyt] a[data-astro-cid-k74dcqyt]:before{content:"";position:absolute;border:solid 1px var(--primary);left:-10px;top:50%;width:0;transition:.5s ease-in-out;padding-right:20px}.menu-home[data-astro-cid-k74dcqyt] a[data-astro-cid-k74dcqyt].active{padding-left:55px;color:var(--secondary)}.menu-home[data-astro-cid-k74dcqyt] a[data-astro-cid-k74dcqyt].active:before{width:50px;border:solid 1px var(--secondary)}.bg-text-title[data-astro-cid-k74dcqyt]{background:linear-gradient(90deg,var(--primary) .08%,var(--primary) 39.51%,var(--secondary) 99.91%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.anime-item{transition:opacity .2s}.anime-item.fade-opacity{opacity:0}.anime-item.fade-xr{opacity:0;transform:translate(8px)}.anime-item.fade-xr-lg{opacity:0;transform:translate(10px)}@media (min-width: 1024px){.anime-item.fade-xr-lg{transform:translate(30px)}}.anime-item.fade-xl{opacity:0;transform:translate(-8px)}.anime-item.fade-xl-lg{opacity:0;transform:translate(-10px)}@media (min-width: 1024px){.anime-item.fade-xl-lg{transform:translate(-30px)}}.anime-item.fade-yb{opacity:0;transform:translateY(8px)}.anime-item.fade-yb-lg{opacity:0;transform:translateY(10px)}@media (min-width: 1024px){.anime-item.fade-yb-lg{transform:translateY(30px)}}.anime-item.fade-yt{opacity:0;transform:translateY(-8px)}.anime-item.fade-yt-lg{opacity:0;transform:translateY(-10px)}@media (min-width: 1024px){.anime-item.fade-yt-lg{transform:translateY(-30px)}}.link-left{position:relative}.link-left:before{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;opacity:1;background-color:currentColor;transform-origin:bottom right;transform:scale(0);transition:transform .4s ease}.link-left:hover:before{transform:scaleX(1);transform-origin:bottom left}