add desing issue

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

assets/css/tailwind.css

@@ -1,3 +1,5 @@
+@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;400;600&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

components/NavbarCom.vue

@@ -3,25 +3,25 @@ const theme = ref("light");
 </script>
 
 <template>
-  <header class="sticky top-0 p-6 bg-[#a2d9ff]">
+  <header class="sticky top-0 p-6 bg-[#a2d9ff] font-poppins">
-    <div class="container mx-auto max-w-6xl flex justify-between items-center">
+    <div class="container px-3 mx-auto max-w-6xl flex justify-between">
-      <ul class="flex space-x-8">
+      <ul class="flex space-x-8 items-end">
-        <li>
+        <li class="align">
-          <nuxt-link to="/">Home</nuxt-link>
+          <nuxt-link to="/">
+            <icon class="text-blue-700" size="35" name="mdi:robot-excited" />
+          </nuxt-link>
         </li>
         <li>
           <nuxt-link to="/latest">Latest</nuxt-link>
         </li>
         <li class="space-x-2">
           <nuxt-link to="/category">Category</nuxt-link>
-          <nuxt-link to="#">^</nuxt-link>
         </li>
-
         <li>
           <nuxt-link to="/archive">Archive</nuxt-link>
         </li>
       </ul>
-      <ul class="flex space-x-4">
+      <ul class="flex space-x-3 items-end">
         <li>
           <nuxt-link to="/">
             <icon size="25px" name="uil:github" />

tailwind.config.ts

@@ -0,0 +1,10 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  theme: {
+    extend: {
+      fontFamily: {
+        poppins: ["Poppins", "sans-serif"],
+      },
+    },
+  },
+};