---
const listStyle =
  "list-none text-[14px] font-normal flex flex-initial flex-col md:flex-row gap-5";
const itemStyle =
  "opacity-60 text-pacamara-primary hover:opacity-100 hover:text-pacamara-accent transition-all duration-300 dark:text-white dark:hover:text-pacamara-accent";
---

<nav>
  <ul class={listStyle}>
    <li>
      <a href="/" class={itemStyle}>Home</a>
    </li>
  </ul>
</nav>
