chore: small fixes

- visited github href colors
- active/focus github href colors
- avatar width/height simplified
- common column width

src/pages/index.astro

@@ -55,10 +55,11 @@ import GithubIcon from "../images/icons/github.astro";
   :root {
     --gray: #333;
     --bg-color: #f5f5f5;
+    --col-width: 360px;
   }
   main {
     display: flex;
-    max-width: 360px;
+    width: var(--col-width);
     padding-top: 1rem;
     flex-direction: column;
     align-items: center;
@@ -67,20 +68,14 @@ import GithubIcon from "../images/icons/github.astro";
   }
 
   .avatar {
-    max-height: 8rem /* 128px */;
-    min-height: 2rem /* 32px */;
+    height: 8rem;
     position: relative;
-    border-radius: 50%;
 
     & img {
       display: block; /* inline by default */
-      width: auto;
-      height: auto;
-      max-width: 100%;
-      max-height: 100%;
-      position: relative;
+      width: 8rem;
+      height: 8rem;
       border-radius: 50%;
-      object-fit: contain;
       filter: grayscale(1);
       transition: filter 0.2s ease-out;
     }
@@ -120,6 +115,10 @@ import GithubIcon from "../images/icons/github.astro";
     &:hover {
       opacity: 0.7;
     }
+    &:visited, &:active, &:focus, &:focus-visible {
+      color: inherit;
+      outline: 0;
+    }
   }
 
   .projects-title {