import Link from 'next/link';

export default function Home() {
  const linkCSS = 'hover:underline hover:decoration-red-700 hover:underline-offset-4';
  return (
    <main className="w-full">
      <div className="flex flex-col items-center pt-32">
        <ul className="mx-auto text-2xl font-semibold w-fit">
          <li>
            <Link href="/ews/grundlagenkarte" className={linkCSS}>
              Zur Grundlagenkarte
            </Link>
          </li>
          <li>
            <Link href="/ews/potenzialberechnung" className={linkCSS}>
              Zur Potenzialberechnung
            </Link>
          </li>
        </ul>
      </div>
    </main>
  );
}