main.js

document.addEventListener('DOMContentLoaded', () => {
    const interBubble = document.querySelector('.interactive');
if (!interBubble) return; // Prevent errors if element doesn't exist


    let curX = 0;
    let curY = 0;
    let tgX = 0;
    let tgY = 0;

    function move() {
        curX += (tgX - curX) / 20;
        curY += (tgY - curY) / 20;
        interBubble.style.transform = `translate(${Math.round(curX)}px, ${Math.round(curY)}px)`;
        requestAnimationFrame(() => {
            move();
        });
    }

    window.addEventListener('mousemove', (event) => {
        tgX = event.clientX;
        tgY = event.clientY;
    });

    move();
});
onload = () =>{
    document.body.classList.remove("container");
    document.body.style.overflow = 'hidden';
};