diff --git a/_includes/head.html b/_includes/head.html
index a526f66..a1b17f8 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -9,15 +9,15 @@
     <meta content="{{- page.description | default: site.description | strip | normalize_whitespace | xml_escape -}}" name="description" />
     <title>{{- page.title | default: site.title | strip | normalize_whitespace | xml_escape -}}</title>
 
-    <!-- CSS -->
-    <link href="{{- '/assets/css/styles.css' | relative_url | url_escape -}}" rel="stylesheet" />
-
     <!-- RSS -->
     <link href="{{- site.rss | absolute_url | url_escape -}}" rel="alternate" title="RSS" type="application/atom+xml" />
 
     <!-- Canonical URL -->
     <link href="{{- page.url | absolute_url | url_escape -}}" rel="canonical" />
 
+    <!-- CSS -->
+    {%- include styles.html -%}
+
     <!--[if lte IE 9]>
         <script type="text/javascript" src="{{- '/assets/javascript/html5shiv-3.7.3.min.js' | relative_url | url_escape -}}"></script>
         <script type="text/javascript" src="{{- '/assets/javascript/respond-1.4.2.min.js' | relative_url | url_escape -}}"></script>
diff --git a/_includes/styles.html b/_includes/styles.html
new file mode 100644
index 0000000..6e2d31e
--- /dev/null
+++ b/_includes/styles.html
@@ -0,0 +1,5 @@
+{%- capture styles -%}
+{%- include styles.scss -%}
+{%- endcapture -%}
+
+<style>{{- styles | scssify -}}</style>
\ No newline at end of file
diff --git a/assets/css/styles.scss b/_includes/styles.scss
similarity index 75%
rename from assets/css/styles.scss
rename to _includes/styles.scss
index 80ebd4f..073428f 100644
--- a/assets/css/styles.scss
+++ b/_includes/styles.scss
@@ -1,6 +1,3 @@
----
----
-
 @import "reset";
 @import "variables";
 @import "framework";