@property --color-2{syntax:"<color>";inherits:false;initial-value:rgba(116,131,196,1)}.title_color{animation:gradient-change 2s linear infinite alternate;background:linear-gradient(to right in oklch,var(--color-1),var(--color-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}@keyframes btn-glow{0%{background-position:0 100%}to{background-position:0 300%}}.btn{position:relative;display:inline-block;border-radius:15px;color:#fff;font:500 20px/1 Chivo Mono,monospace;letter-spacing:.075em;text-decoration:none;text-transform:uppercase}.btn__inner{padding:1px;position:relative;z-index:2;overflow:hidden}.btn__inner,.btn__inner:before{display:block;border-radius:inherit}.btn__inner:before{position:absolute;inset:4px;z-index:1;animation:btn-glow 5s linear infinite;background:linear-gradient(20deg,#00f8f1,rgba(255,189,30,.1254901961) 16.5%,#fe848f 33%,rgba(254,132,143,.1254901961) 49.5%,#00f8f1 66%,rgba(0,248,241,.3764705882) 85.5%,#ffbd1e) 0 100%/100% 200%;filter:blur(5px);mix-blend-mode:overlay;opacity:0;transition:opacity .2s linear .1s;content:""}.btn__label{position:relative;display:block;overflow:hidden;padding:.95em 2em .9em;border-radius:inherit;color:rgba(0,0,0,0);white-space:nowrap}.btn__label:after,.btn__label:before{position:absolute;top:0;left:0;z-index:2;display:block;padding:inherit;width:100%;height:100%;color:#000;white-space:nowrap;transition:transform .3s cubic-bezier(1,0,0,1) 0s}.btn__label:before{transform:translateZ(0);content:attr(data-label)}.btn__label:after{transform:translate3d(0,-100%,0);content:attr(data-hover)}.btn__label__background{position:absolute;inset:-100px;display:block;background:#fcc42d url(https://assets.codepen.io/5817405/noise_2.png);background-blend-mode:overlay;animation:noise-background .5s steps(1) infinite}.btn__background{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;border-radius:inherit}.btn__background:after,.btn__background:before{position:absolute;inset:0;display:block;border-radius:inherit;content:""}.btn__background:before{background:#fff;transition:background .3s linear 0s}.btn__background:after{animation:btn-glow 5s linear infinite;background:linear-gradient(-20deg,#00f8f1,rgba(0,248,241,.1254901961) 16.5%,#00f8f1 33%,rgba(0,248,241,.062745098) 49.5%,#00f8f1 66%,rgba(0,248,241,0) 85.5%,#00f8f1) 0 100%/100% 200%;filter:blur(5px);opacity:0;transition:opacity 0s linear 0s}.btn:hover .btn__inner:before{opacity:.5}.btn:hover .btn__label:after,.btn:hover .btn__label:before{transition-duration:.6s;transition-timing-function:cubic-bezier(1,-.6,0,1.6)}.btn:hover .btn__label:before{transform:translate3d(0,100%,0)}.btn:hover .btn__label:after{transform:translateZ(0)}.rotating-square{width:200px;height:200px;border:6px solid #5163bc47;background-color:transparent;position:absolute;right:23%;bottom:2%;animation:rotate 30s linear infinite;z-index:10}.card{background:#e2e6f6}.tilt-border{position:relative;background:#e2e5f6;padding:6.2rem 0;overflow:hidden;z-index:1}.tilt-border:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:#3f52b5;transform:skewY(-3deg);transform-origin:top left;z-index:-1;top:0;bottom:auto;transform:skewY(3deg);transform-origin:bottom left}*,:after,:before{box-sizing:border-box}@keyframes rotate{to{transform:rotate(1turn)}}.rainbow{position:relative;z-index:0;border-radius:10px;overflow:hidden;padding:.3rem;display:flex;justify-content:center;align-items:center;font-family:sans-serif;font-weight:700}.rainbow:before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#5163bc;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-position:0 0,100% 0,100% 100%,0 100%;background-image:linear-gradient(rgb(148,156,193) 50%,#FCC42D 0);animation:rotate 160s linear infinite}.rainbow:after{content:"";position:absolute;z-index:-1;left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px);background:linear-gradient(183deg,rgb(156,162,188) 20%,rgb(255,231,166) 99%);border-radius:5px}@property --color-1{syntax:"<color>";inherits:false;initial-value:#5163BC}@property --color-2{syntax:"<color>";inherits:false;initial-value:hsl(204 100% 59%)}@keyframes gradient-change{to{--color-1:hsl(210 100% 59%);--color-2:#FCC42D}}.cursor{position:fixed;top:0;left:0;width:24px;height:24px;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s ease,background .3s ease;animation:gradient-change 2s linear infinite alternate;background:linear-gradient(135deg,var(--color-1),var(--color-2))}.cursor.click{transform:translate(-50%,-50%) scale(.8)}.cursor.pressable{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}::selection{background:#FCC42D;color:#5163BC}@media (hover:hover){.no-cursor{display:none}}