diff --git a/layouts/index.html b/layouts/index.html
index b1de25c..9f0cbf9 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -8,7 +8,7 @@
             <h3>{{ .Site.Title }}</h3>
         </header>
         <main aria-label="Content">
-            <div style="display: flex; justify-content: center; background: black; margin-left: -5vw; margin-right: -5vw; height: 100%;">
+            <div style="display: flex; justify-content: center; background: black; margin-left: -5vw; margin-right: -5vw; height: 100%;" id="homepage-container">
                 <div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href="development"><span class="fas fa-file-code"></span> Development</a></div>
                 <div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg"><a class="button" href="writing"><span class="fas fa-pen-fancy"></span> Writing</a></div>
                 <div class="bigimage"><img class="background" src="img/diwaliball.jpg"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div>
diff --git a/static/css/screen.css b/static/css/screen.css
index c4553ee..1c5ede1 100644
--- a/static/css/screen.css
+++ b/static/css/screen.css
@@ -206,4 +206,14 @@ nav a:hover {
         padding-left: 2em;
         border-left: 2px solid black;
     }
+    #homepage-container {
+        flex-wrap: wrap;
+    }
+    .bigimage {
+        max-height: 20vh;
+        transform: skew(0deg);
+    }
+    a.button {
+        transform: skew(0deg);
+    }
 }
diff --git a/favicon.ico b/static/favicon.ico
similarity index 100%
rename from favicon.ico
rename to static/favicon.ico