Begin a Project
Let’s make something great, but only if it’s worth both our time.
This form helps me understand your project and figure out if we’re going to be a good fit. I prioritize serious, well-aligned projects and ask that you fill out this form thoroughly. The more detail you provide, the better I can assess how to help.

.animated-box { position: relative; padding: 2rem; border: 2px solid transparent; border-radius: 12px; transition: border 0.5s ease, box-shadow 0.5s ease; z-index: 1; } /* Border shimmer effect */ .animated-box::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border-radius: 14px; padding: 2px; background: linear-gradient(120deg, #00f0ff, #f0f, #0ff, #00f0ff); background-size: 300% 300%; z-index: -1; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: xor; opacity: 0; transition: opacity 0.5s ease; animation: shimmer-border 3s ease infinite; box-sizing: border-box; } .animated-box.glow-active::before { opacity: 1; }
const target = document.getElementById('brxe-thwhaf'); const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { target.classList.add('glow-active'); } else { target.classList.remove('glow-active'); } }); }, { threshold: 0.5 }); observer.observe(target);