const Name = () => {
    return (
        <div id="logo" className="text-center">
            <span className="text-7xl font-bold italic bg-agog bg-clip-text text-transparent leading-none p-1 hover:scale-110 transition-all hover:animate-agog bg-[length:300%_300%]">
                AGOG
            </span>
        </div>
    );
};

export default Name;