import Link from "next/link";

export default function Layout() {
    return(
    // m-0 h-12 w-max p-2 bg-white/20 backdrop-blur-xl backdrop-saturate-[180%] shadow-[0_1rem_1rem_-0.5rem_#0002] border-2 border-[#3334] rounded-full font-bold text-xl dark:bg-[#1114] dark:border-[#fff4] dark:bg-gradient-to-r dark:from-[#f88] dark:via-[#fa4] dark:to-[#88f] dark:text-transparent dark:bg-clip-text
    <span className="fixed space-x-4 top-4">
        <span className="space-x-4">
            <Link href="/" className="underline transition-all underline-offset-4 hover:underline-offset-8">
                Home
            </Link>
            <Link href="/about" className="underline transition-all underline-offset-4 hover:underline-offset-8">
                About
            </Link>
            <Link href="/projects" className="underline transition-all underline-offset-4 hover:underline-offset-8">
                Projects
            </Link>
            <Link href="/contact" className="underline transition-all underline-offset-4 hover:underline-offset-8">
                Contact
            </Link>
        </span>
    </span>
    );
}