Update design

src/app.html

@@ -6,7 +6,12 @@
         <meta name="theme-color" content="#1f2124" />
         <meta name="description" content="Software development team" />
         <link rel="stylesheet" href="/css/styles.css" />
-        <link rel="icon" type="image/png" href="/images/favicon.ico" />
+        <link
+            rel="icon"
+            type="image/png"
+            href="/images/favicon.png"
+            sizes="96x96"
+        />
         <link rel="preload" as="image" href="/images/bluenebula.webp" />
         %sveltekit.head%
     </head>

src/lib/Nav.svelte

@@ -17,11 +17,6 @@
 </header>
 
 <style>
-    a {
-        font-size: 1rem;
-        text-align: center;
-    }
-
     nav {
         display: flex;
         justify-content: space-between;
@@ -39,15 +34,19 @@
         margin-top: 8px;
         margin-bottom: 8px;
         padding: 0;
+        gap: 20px;
     }
 
-    ul li a {
+    a {
+        margin: 0;
+        border-bottom: 2px solid transparent;
+        color: var(--link-color);
         text-decoration: none;
-        transition: color 0.1s linear;
-        padding: 4px 12px;
+        text-align: center;
     }
 
-    ul li a:hover {
-        border-bottom: 2px solid var(--line);
+    a:hover {
+        border-bottom: 2px solid var(--link-color);
+        text-decoration: none;
     }
 </style>

src/routes/+layout.svelte

@@ -13,7 +13,7 @@
     footer {
         display: flex;
         justify-content: space-between;
-        border-top: 2px solid var(--border);
+        border-top: 2px solid var(--border-color);
         color: var(--text);
         margin-top: 30px;
         margin-bottom: 30px;