@layer theme,base;@layer components{@keyframes gradientSweep{0%{background-position:0%}to{background-position:200%}}.intro-gradient-sweep{background-size:200%;animation:3s cubic-bezier(.22,1,.36,1) 1.7s forwards gradientSweep}@media (prefers-reduced-motion:reduce){.intro-gradient-sweep{animation:none!important}}}@layer utilities;
@layer theme,base;@layer components{.skill-item{opacity:.4;color:var(--color-slate-steel);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.skill-item.active{opacity:1;background-image:linear-gradient(to bottom right, var(--color-azure-blue), var(--color-lavender-purple));-webkit-text-fill-color:transparent;color:var(--color-azure-blue);-webkit-background-clip:text;background-clip:text;transform:translate(20px)}@supports not (color:color-mix(in srgb, red, blue)){.skill-item{color:var(--color-slate-steel)}.skill-item[data-active=true]{color:var(--color-lavender-purple)}}#main-container.is-sticky{background-color:var(--color-white);transition:background-color .4s ease-in-out}@media (prefers-reduced-motion:no-preference){.skill-item{transition-duration:.8s}}}@layer utilities;