make the title image redirect to about

src/components/LeftNav.astro

@@ -4,15 +4,21 @@ import { Content as ShortBio } from "../content/partials/shortBio.md";
 import links from "../data/links";
 import { Image } from "astro:assets";
 import portrait from "../assets/self.png";
+
+const target = Astro.url.pathname === "/" ? "/about/" : "/";
 ---
 
 <nav class="side-nav">
   <div class="side-nav-content">
-    <a href="/" class="portrait">
+    <a href={target} class="portrait">
       <Image src={portrait} alt="portrait" class="portrait" />
     </a>
     <div class="me">
-      <h1 class="title">Michael Zhang</h1>
+      <div class="titleContainer">
+        <h1 class="title">
+          <a href={target}>Michael Zhang</a>
+        </h1>
+      </div>
       <div class="links">
         {
           links.map((link) => {

src/styles/leftNav.scss

@@ -10,6 +10,16 @@
     justify-content: space-evenly;
     flex-direction: column;
 
+    .title {
+      a {
+        color: inherit;
+
+        &:hover {
+          background-color: inherit;
+        }
+      }
+    }
+
     .links {
       text-align: center;
       font-size: 0.9rem;
@@ -76,12 +86,19 @@
         justify-content: space-evenly;
       }
 
+      .titleContainer {
+        container-type: inline-size;
+      }
+
       h1.title {
+        margin-top: 0;
         margin-bottom: 5px;
+
+        font-size: 14cqw;
       }
 
       a.portrait img {
-        max-height: 80px;
+        max-height: 120px;
       }
 
       .bio {