diff --git a/_assets/css/critical.scss b/_assets/css/critical.scss
index 8e7ffce..4241b0c 100644
--- a/_assets/css/critical.scss
+++ b/_assets/css/critical.scss
@@ -1,3 +1,84 @@
+@charset "UTF-8";
+
 // contains critical css that needs to load immediately
 @import "bootstrap-custom";
 @import "fa-svg-with-js";
+
+.site-header > .navbar {
+  //border-top: 5px solid $dark;
+  border-bottom: 2px solid $light;
+}
+
+#back-to-top {
+  cursor: pointer;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  display:none;
+}
+
+$navbarHeight: 58px;
+
+.large {
+  font-size: $font-size-lg;
+}
+
+#submenuNavbar {
+  top: $navbarHeight;
+}
+
+#main {
+  margin-top: $navbarHeight + 15px;
+  margin-bottom: $navbarHeight + 15px;
+}
+
+#main.submenu {
+  margin-top: 2*$navbarHeight + 15px;
+}
+
+*[id]:before {
+  display: block;
+  content: " ";
+  margin-top: -2*$navbarHeight; // Set the Appropriate Height
+  height: 2*$navbarHeight; // Set the Appropriate Height
+  visibility: hidden;
+}
+
+.site-header > .navbar {
+  background-color: $body-bg;
+}
+
+.site-footer {
+  border-top: 2px solid $light;
+  background-color: $body-bg;
+}
+
+.post-content, p {
+  text-align: justify;
+}
+
+.post-title {
+  font-weight: $font-weight-normal;
+}
+
+.card.sidebar {
+  width: 20rem;
+}
+
+blockquote {
+  padding: 0 1em;
+  color: $gray-600;
+  border-left: 0.25em solid $gray-300;
+}
+
+@include media-breakpoint-up(md) {
+  #main {
+    margin-bottom: 295px;
+  }
+}
+
+@include media-breakpoint-down(sm) {
+  .md-up {
+    display: none;
+  }
+}
\ No newline at end of file
diff --git a/_assets/css/main.scss b/_assets/css/main.scss
index 18b9694..bf6c7e5 100644
--- a/_assets/css/main.scss
+++ b/_assets/css/main.scss
@@ -1,82 +1,3 @@
 @charset "UTF-8";
 
-// Import partials from `sass_dir` (defaults to `_sass`)
-
-.site-header > .navbar {
-  //border-top: 5px solid $dark;
-  border-bottom: 2px solid $light;
-}
-
-#back-to-top {
-  cursor: pointer;
-  position: fixed;
-  bottom: 20px;
-  right: 20px;
-  display:none;
-}
-
-$navbarHeight: 58px;
-
-.large {
-  font-size: $font-size-lg;
-}
-
-#submenuNavbar {
-  top: $navbarHeight;
-}
-
-#main {
-  margin-top: $navbarHeight + 15px;
-  margin-bottom: $navbarHeight + 15px;
-}
-
-#main.submenu {
-  margin-top: 2*$navbarHeight + 15px;
-}
-
-*[id]:before {
-  display: block;
-  content: " ";
-  margin-top: -2*$navbarHeight; // Set the Appropriate Height
-  height: 2*$navbarHeight; // Set the Appropriate Height
-  visibility: hidden;
-}
-
-.site-header > .navbar {
-  background-color: $body-bg;
-}
-
-.site-footer {
-  border-top: 2px solid $light;
-  background-color: $body-bg;
-}
-
-.post-content, p {
-    text-align: justify;
-}
-
-.post-title {
-    font-weight: $font-weight-normal;
-}
-
-.card.sidebar {
-    width: 20rem;
-}
-
-blockquote {
-  padding: 0 1em;
-  color: $gray-600;
-  border-left: 0.25em solid $gray-300;
-}
-
-@include media-breakpoint-up(md) {
-  #main {
-    margin-bottom: 295px;
-  }
-}
-
-@include media-breakpoint-down(sm) {
-  .md-up {
-    display: none;
-  }
-}
+// non-critical CSS
\ No newline at end of file