body,html{padding:0;margin:0;font-family:Space Mono,monospace;background-color:#fff}body:before{content:"";position:absolute;inset:0;background-image:url(/dots.webp);opacity:.25;z-index:-1}a{color:inherit;text-decoration:none}*{box-sizing:border-box}h1{color:#000;font-size:2.5rem;line-height:1;margin:0;text-align:center;z-index:1}svg{width:100%;max-width:444px}.fart-me{font-family:Space Mono,monospace;background-color:transparent;border:none;cursor:pointer;font-size:2rem;padding:1rem 3rem;position:relative;text-transform:uppercase;z-index:3}.fart-me .border{border:3px solid #1a1f24;display:block;position:absolute;top:-.5rem;left:-.5rem;width:100%;height:100%;transition:top .3s ease,left .3s ease;z-index:5}.fart-me .text{position:relative;z-index:5;transform:translate(-.5rem,-.5rem);transition:transform .3s ease;display:block}.fart-me:focus .border,.fart-me:hover .border{top:0;left:0}.fart-me:focus .text,.fart-me:hover .text{transform:translate(0)}.fart-me:after,.fart-me:before{transition:transform .3s ease}.fart-me:before{content:"";background:linear-gradient(270deg,#c1ff1d,#00ffe0);position:absolute;inset:0;width:calc(100% - .05rem);height:calc(100% - .05rem);transform:translate(.05rem,.05rem);z-index:1}