diff --git a/index.html b/index.html
index 99f7c0d..5ddf4d8 100644
--- a/index.html
+++ b/index.html
@@ -30,23 +30,6 @@
       </header>
     </div>
 
-    <style>
-      .header-top {
-        position: fixed;
-        width: 100%;
-        height: 100%;
-      }
-
-      #header-top-after {
-        width: 100%
-      }
-
-      .site-content {
-        position: relative;
-        background:coral
-      }
-    </style>
-
     <div class="header-top">
       <!--index cover image-->
       <figure data="mark" id="cover-img-container">
diff --git a/package.json b/package.json
index 3326524..3ad5ee0 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "@babel/preset-typescript": "^7.6.0",
     "autoprefixer": "^9.7.0",
     "babel-loader": "^8.0.6",
+    "fast-sass-loader": "^1.5.0",
     "postcss-loader": "^3.0.0",
     "ts-loader": "^6.2.1",
     "typescript": "^3.6.4",
diff --git a/src/scss/index.scss b/src/scss/index.scss
index 561cf99..f91e064 100644
--- a/src/scss/index.scss
+++ b/src/scss/index.scss
@@ -3,5 +3,5 @@
 @import "./components/normalize.scss";
 @import "./components/mdc.scss";
 
-@import "./layouts/index.scss";
+@import "./layouts/homepage.scss";
 
diff --git a/src/scss/layouts/index.scss b/src/scss/layouts/homepage.scss
similarity index 67%
rename from src/scss/layouts/index.scss
rename to src/scss/layouts/homepage.scss
index c258a76..448195a 100644
--- a/src/scss/layouts/index.scss
+++ b/src/scss/layouts/homepage.scss
@@ -12,10 +12,22 @@
 }
 
 .header-top {
+  position: fixed;
+  width: 100%;
+  height: 100%;
   figure {
     width: 100%;
     margin: 0;
     overflow: hidden;
   }
   
+}
+
+#header-top-after {
+  width: 100%
+}
+
+.site-content {
+  position: relative;
+  background:coral
 }
\ No newline at end of file
diff --git a/webpack.config.js b/webpack.config.js
index b2557a8..5ec6cde 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -34,12 +34,16 @@ module.exports = [{
             }
           },
           { 
-            loader: 'sass-loader',
+            // loader: 'sass-loader',
+            // options: {
+            //   sassOptions: {
+            //     includePaths: ['./node_modules']
+            //   }
+            // } 
+            loader: 'fast-sass-loader',
             options: {
-              sassOptions: {
-                includePaths: ['./node_modules']
-              }
-            } 
+              includePaths: ['./node_modules']
+            }
           },
         ]
       },