.glitch{color:#fff;font-size:clamp(2rem,10vw,8rem);white-space:nowrap;font-weight:900;position:relative;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;color:#fff;background-color:#060010;overflow:hidden;clip-path:inset(0 0 0 0)}.glitch:not(.enable-on-hover):after{animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch:not(.enable-on-hover):before{text-shadow:var(--before-shadow, 10px 0 cyan)}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{opacity:1;text-shadow:var(--after-shadow, -10px 0 red);animation:animate-glitch var(--after-duration, 3s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover:before{content:attr(data-text);text-shadow:var(--before-shadow, 10px 0 cyan);animation:animate-glitch var(--before-duration, 2s) infinite linear alternate-reverse}.glitch.enable-on-hover:hover{background:linear-gradient(45deg,#ff0080,#00ff80,#8000ff,#ff8000,#0080ff);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-glow 2s ease-in-out infinite,gradient-shift 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,0,128,.5)) drop-shadow(0 0 20px rgba(0,255,128,.3)) drop-shadow(0 0 30px rgba(128,0,255,.2))}@keyframes gradient-glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,0,128,.8)) drop-shadow(0 0 10px rgba(0,255,128,.6)) drop-shadow(0 0 15px rgba(128,0,255,.4))}50%{filter:drop-shadow(0 0 20px rgba(255,0,128,1)) drop-shadow(0 0 30px rgba(0,255,128,.8)) drop-shadow(0 0 40px rgba(128,0,255,.6))}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}.skill-glitch{font-size:clamp(.75rem,2.5vw,1.125rem)!important;color:#fff;font-weight:700;white-space:normal;word-wrap:break-word;text-align:center;line-height:1.2}.skill-glitch:after,.skill-glitch:before{background-color:#8b5cf6cc}