diff --git a/_pages/index.html b/_pages/index.html
index bdaa917..9524cd3 100644
--- a/_pages/index.html
+++ b/_pages/index.html
@@ -1,6 +1,6 @@
 ---
 permalink: "/"
-layout: 
+layout:
 ---
 
 <!DOCTYPE html>
@@ -8,7 +8,7 @@ layout:
   {% include head.html %}
   <body>
     <div class="metro">
-      <h1>
+      <h1 class="logo">
         <img src="{{ site.baseurl }}/images/logo.svg" style="height: 50px" />
       </h1>
       <nav>
diff --git a/css/index.scss b/css/index.scss
index cfdfcd9..89c057b 100644
--- a/css/index.scss
+++ b/css/index.scss
@@ -142,6 +142,12 @@ hr {
   flex-direction: column;
   margin: 75px 0 100px;
 
+  .logo {
+    @media (prefers-color-scheme: dark) {
+      filter: invert(1);
+    }
+  }
+
   .menu {
     margin: 15px 0 0 0;
     padding: 0;
@@ -154,12 +160,6 @@ hr {
     }
   }
 
-  @media (prefers-color-scheme: dark) {
-    img {
-      filter: invert(1);
-    }
-  }
-
   @media screen and (max-width: $break-small) {
     margin: 40px 0 40px;
     .menu {
