diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b990a05
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+
+src/_traichu.svg
diff --git a/css/styles.css b/css/styles.css
index 8721723..c28ad3f 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -65,7 +65,7 @@ header {
     justify-content: flex-end;
 }
 
-.separator { margin: 0 0.25rem; }
+.separator { margin: 0 var(--spacing-xs); }
 
 aside {
     display: flex;
@@ -89,7 +89,7 @@ aside svg { height: 4.5rem; }
 #dock a {
     display: block;
     fill: var(--primary-link-color);
-    transition: fill 0.25s ease-in-out;
+    transition: fill 0.125s ease-in-out;
 }
 
 #dock a:focus,
@@ -152,7 +152,7 @@ aside svg { height: 4.5rem; }
     }
 
     #bookmarks a:focus,
-    #bookmarks a:hover { background-color: hsl(var(--color-white-hsl) / 0.025); }
+    #bookmarks a:hover { background-color: hsl(var(--color-white-hsl) / 0.05); }
 }
 
 @media (prefers-color-scheme: light) {
@@ -168,7 +168,7 @@ aside svg { height: 4.5rem; }
     #search input:focus { outline-color: var(--color-orange); }
 
     #bookmarks a:focus,
-    #bookmarks a:hover { background-color: hsl(var(--color-orange-hsl) / 0.125); }
+    #bookmarks a:hover { background-color: hsl(var(--color-black-hsl) / 0.05); }
 }
 
 #search input:active,
@@ -195,6 +195,7 @@ aside svg { height: 4.5rem; }
     display: flex;
     flex-direction: row;
     line-height: 1;
+    margin-bottom: var(--spacing-xs);
 }
 
 .favicon {
@@ -209,7 +210,7 @@ aside svg { height: 4.5rem; }
     color: var(--primary-link-color);
     padding: var(--spacing-s);
     text-decoration: none;
-    transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
+    transition: background-color 0.125s ease-in-out, color 0.125s ease-in-out;
 }
 
 #bookmarks a:focus,
diff --git a/css/vars.css b/css/vars.css
index 09598c2..bf78e24 100644
--- a/css/vars.css
+++ b/css/vars.css
@@ -6,7 +6,7 @@
     https://css-tricks.com/hsl-hsla-is-great-for-programmatic-color-control/
     https://css-tricks.com/color-alpha-anywhere/
     */
-    --color-black-hsl: 0 0% 5%; /* #0C0C0C */
+    --color-black-hsl: 0 0% 11%; /* #1C1C1C */
     --color-black: hsl(var(--color-black-hsl));
     --color-orange-hsl: 19 88% 53%; /* #F05E1C */
     --color-orange: hsl(var(--color-orange-hsl));
@@ -38,7 +38,7 @@
         --primary-background-color: var(--color-black);
         --primary-font-color: var(--color-white);
         --primary-link-color: hsl(var(--color-white-hsl) / 0.5);
-        --primary-link-hover-color: var(--color-orange);
+        --primary-link-hover-color: var(--color-white);
     }
 }
 
diff --git a/index.html b/index.html
index 56d9003..361f06f 100644
--- a/index.html
+++ b/index.html
@@ -52,7 +52,7 @@
                 <h2 class="sr-only">Search</h2>
                 <form action="https://duckduckgo.com/" method="get">
                     <input type="text" id="q" name="q" autofocus>
-                    <button class="sr-only">Search</button>
+                    <button class="sr-only" tabindex="-1">Search</button>
                 </form>
             </section>
             <section id="bookmarks">