Added footer section

src/Portfolio.Web/Components/Layout/Navigation.razor.css

@@ -0,0 +1,58 @@
+.navigation {
+    display: flex;
+    height: 50px;
+    justify-content: space-between;
+    align-items: center;
+    background-color: var(--background);
+    border-bottom: 1px solid var(--border-color);
+    padding-inline: 0.5rem;
+}
+
+.links {
+    display: flex;
+    gap: 1rem;
+}
+
+.navigation > a {
+    text-decoration: none;
+    font-size: 1.25rem;
+}
+
+.socials {
+    display: flex;
+    gap: 0.75rem;
+}
+
+.socials a {
+    height: 25px;
+    display: flex;
+}
+
+.links ::deep a {
+    text-decoration: none;
+    position: relative;
+
+    &:before {
+        content: "";
+        position: absolute;
+        width: 100%;
+        height: 2px;
+        bottom: 0;
+        left: 0;
+        background-color: var(--text);
+        visibility: hidden;
+        transform: scaleX(0);
+        transform-origin: left;
+        transition: all 0.3s ease-in-out;
+    }
+}
+
+.links ::deep a.active::before {
+    visibility: visible;
+    transform: scaleX(1);
+}
+
+.links ::deep a:hover::before {
+    visibility: visible;
+    transform: scaleX(1);
+}