Tira <ul>s e <li>s da navegação

html/index.html

@@ -56,48 +56,34 @@
         </p>
       </div>
       <nav
-        class="pt-1 pb-2 z-10 sticky top-0 flex h-[5vh] items-center justify-center bg-fixed bg-center bg-cover"
+        class="pt-1 pb-2 z-10 sticky top-0 flex h-[5vh] items-center justify-center bg-fixed bg-center bg-cover text-sm font-medium text-center text-gray-500 dark:text-gray-400 flex-wrap"
       >
-        <ul
-          class="flex flex-wrap text-sm font-medium text-center text-gray-500 dark:text-gray-400"
+        <a
+          href="#"
+          class="z-20 borda-colorida inline-block py-3 px-4 text-white rounded-lg active"
+          aria-current="page"
+        >
+          O que é
+        </a>
+        <a
+          href="#"
+          class="inline-block py-3 px-4 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white"
+          >Oficinas</a
+        >
+        <a
+          href="#"
+          class="inline-block py-3 px-4 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white"
+          >Palestrantes</a
+        >
+        <a
+          href="#"
+          class="inline-block py-3 px-4 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white"
+          >Competições</a
+        >
+        <a
+          class="inline-block py-3 px-4 text-gray-400 cursor-not-allowed dark:text-gray-500"
+          >Programação</a
         >
-          <li class="mx-2">
-            <a
-              href="#"
-              class="z-20 borda-colorida inline-block py-3 px-4 text-white rounded-lg active"
-              aria-current="page"
-            >
-              O que é
-            </a>
-          </li>
-          <li class="mr-2">
-            <a
-              href="#"
-              class="inline-block py-3 px-4 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white"
-              >Oficinas</a
-            >
-          </li>
-          <li class="mr-2">
-            <a
-              href="#"
-              class="inline-block py-3 px-4 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white"
-              >Palestrantes</a
-            >
-          </li>
-          <li class="mr-2">
-            <a
-              href="#"
-              class="inline-block py-3 px-4 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white"
-              >Competições</a
-            >
-          </li>
-          <li>
-            <a
-              class="inline-block py-3 px-4 text-gray-400 cursor-not-allowed dark:text-gray-500"
-              >Programação</a
-            >
-          </li>
-        </ul>
       </nav>
     </header>