diff --git a/static/style.css b/assets/scss/main.scss
similarity index 100%
rename from static/style.css
rename to assets/scss/main.scss
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 5eff54a..abe664f 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -3,7 +3,16 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>{{ .Title  }} | {{ .Site.Title }}</title>
 	<link rel="canonical" href="{{ .Permalink  }}">
-  <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}style.css">
+  {{ if .Site.IsServer }}
+    {{ $options := (dict "targetPath" "styles.css" "enableSourceMap" true) }}
+    {{ $styles := resources.Get "scss/main.scss" | toCSS $options }}
+    <link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
+  {{ else }}
+    {{ $options := (dict "targetPath" "styles.css") }}
+    {{ $styles := resources.Get "scss/main.scss" | toCSS $options | minify }}
+    <link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
+  {{ end }}
+  <!-- <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}style.css"> -->
   {{ with .OutputFormats.Get "RSS" }}
     {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
   {{ end }}