.blur-one{

    animation:floatOne 10s ease-in-out infinite;

}

.blur-two{

    animation:floatTwo 14s ease-in-out infinite;

}

@keyframes floatOne{

    0%{

        transform:translate(0,0);

    }

    50%{

        transform:translate(80px,40px);

    }

    100%{

        transform:translate(0,0);

    }

}

@keyframes floatTwo{

    0%{

        transform:translate(0,0);

    }

    50%{

        transform:translate(-60px,-40px);

    }

    100%{

        transform:translate(0,0);

    }

}




const sections = document.querySelectorAll("section");
const navLinks = document.querySelectorAll(".nav-links a");

window.addEventListener("scroll",()=>{

    let current="";

    sections.forEach(section=>{

        const sectionTop=section.offsetTop-120;

        const sectionHeight=section.clientHeight;

        if(pageYOffset>=sectionTop){

            current=section.getAttribute("id");

        }

    });

    navLinks.forEach(link=>{

        link.classList.remove("active");

        if(link.getAttribute("href")==="#" + current){

            link.classList.add("active");

        }

    });

});