.particles-container{position:relative;width:100%;height:100%}.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;color:#fff;background-color:#03081f;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.glitch:not(.enable-on-hover):after{left:10px;text-shadow:var(--after-shadow,-10px 0 red);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse}.glitch:not(.enable-on-hover):before{left:-10px;text-shadow:var(--before-shadow,10px 0 #7d7d7d);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;left:10px;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);opacity:1;left:-10px;text-shadow:var(--before-shadow,10px 0 #7d7d7d);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse}@keyframes animate-glitch{0%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}5%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}10%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}15%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}20%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}25%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}30%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}35%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}40%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}45%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}50%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}55%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}60%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}65%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}70%{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}75%{-webkit-clip-path:inset(40% 0 20% 0);clip-path:inset(40% 0 20% 0)}80%{-webkit-clip-path:inset(20% 0 50% 0);clip-path:inset(20% 0 50% 0)}85%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0)}90%{-webkit-clip-path:inset(15% 0 55% 0);clip-path:inset(15% 0 55% 0)}95%{-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}to{-webkit-clip-path:inset(30% 0 40% 0);clip-path:inset(30% 0 40% 0)}}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;color:#fff;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;will-change:transform;contain:layout style paint}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:24px;transition:all .5s cubic-bezier(0,0,0,1);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-circular-text{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);z-index:1}@media screen and (max-width:768px){.circular-text{width:120px;height:120px}.circular-text span{font-size:18px}.custom-circular-text{top:50%}}