diff --git a/assets/style.scss b/assets/style.scss
new file mode 100644
index 0000000..2ced959
--- /dev/null
+++ b/assets/style.scss
@@ -0,0 +1,184 @@
+// Gruvbox colorscheme
+// https://github.com/morhetz/gruvbox
+$bg0: #282828;
+$bg0_h: #1D2021;
+$bg0_s: #32302F;
+$bg1: #3C3836;
+$bg2: #504945;
+$bg3: #665C54;
+$bg4: #7C6F64;
+
+$fg0: #FBF1C7;
+$fg1: #EBDBB2;
+$fg2: #D5C4A1;
+$fg3: #BDAE93;
+$fg4: #A89984;
+
+$bg: $bg0_h;
+$gray: #928374;
+$red: #CC241D;
+$lighred: #FB4934;
+$green: #98971A;
+$lightgreen: #B8BB26;
+$yellow: #D79921;
+$lightyellow: #FABD2F;
+$blue: #458488;
+$lightblue: #84A598;
+$purple: #B16286;
+$lightpurple: #D3869B;
+$aqua: #689D6A;
+$lightaqua: #8EC07C;
+$orange: #D65D0E;
+$lightorange: #FE8019;
+$lighgray: #A89984;
+$fg: $fg1;
+
+// Default font and colors.
+// ========================
+
+// Body.
+body {
+    font-family: 'monospace';
+    font-size: 1.2em;
+    color: $fg;
+    background-color: $bg;
+}
+
+// Links.
+a {
+    outline: none;
+    text-decoration: none;
+    padding: 2px 1px 0;
+}
+
+a:link {
+    color: $yellow;
+}
+
+a:visited {
+    color: $purple
+}
+
+a:focus {
+    color: $lightpurple;
+}
+
+a:hover {
+    color: $lightyellow
+}
+
+a:active {
+    background: $yellow;
+    color: $bg
+}
+
+// Prompt and command line.
+// ========================
+.cmdline {
+    margin: 0;
+    padding: 0;
+}
+
+.prompt {
+    padding: 0;
+    margin: 0;
+}
+
+// Breadcrumb.
+// ===========
+.breadcrumb {
+    //display: inline;
+
+    ol {
+      //display: inline;
+      display: flex;
+      margin: 0;
+      padding: 0;
+    }
+
+    li {
+      display: flex;
+      margin: 0;
+      padding: 0;
+    }
+
+    li:not(:last-child)::after {
+      content: "/";
+    }
+
+    a {
+      margin: 0;
+      padding: 0;
+    }
+}
+
+// Menus.
+// ======
+.menu {
+    ul.tree {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+
+    }
+
+    /*ul.tree-child {
+      border-left: solid 2px;
+    }*/
+
+    // 
+    ul.tree ul {
+     list-style: none;
+      margin: 0;
+      padding: 0;
+    }
+    ul.tree ul {
+      margin-left: 0.5ch;
+    }
+    ul.tree ul ul {
+      margin-left: 4ch;
+    }
+
+    ul.tree ul li {
+      margin: 0;
+      padding: 0 0.3ch;
+      //line-height: 20px;
+      //color: #369;
+      //font-weight: bold;
+      border-left:0.1ch solid $fg;
+
+    }
+    ul.tree ul li:last-child {
+        border-left:none;
+        display: inline;
+    }
+    ul.tree ul li:before {
+       position:relative;
+       top:-0.3em;
+       height:0.5em;
+       width:2ch;
+       //color:white;
+       border-bottom:0.1em solid $fg;
+       content:"";
+       display:inline-block;
+       left:-0.3ch;
+    }//*/
+    ul.tree ul li:last-child:before {
+       border-left:0.1ch solid $fg;
+    }
+
+    /*li {
+        //display: inline-block;
+    }*/
+
+    /*li:not(:last-child)::after {
+      content: "|";
+    }*/
+
+    a {
+        //display: block;
+        //padding: 6px 12px;
+        //text-decoration: none;
+    }
+}
+
diff --git a/layouts/_partials/head.html b/layouts/_partials/head.html
index 43571ea..113325a 100644
--- a/layouts/_partials/head.html
+++ b/layouts/_partials/head.html
@@ -4,5 +4,19 @@
   <link rel="{{ .Rel }}" {{ printf "type=%q" .MediaType.Type | safeHTMLAttr }} href="{{ .Permalink }}" title="{{ site.Title }}" />
 {{ end }}
 
+{{ range resources.Match "*.scss" }}
+  {{ $targetPath := path.Join "css" (printf "%s.css" (path.BaseName .Name)) }}
+  {{ $opts := dict "transpiler" "libsass" "targetPath" $targetPath }}
+  {{ with . | toCSS $opts }}
+    {{ if hugo.IsDevelopment }}
+<link rel="stylesheet" href="{{ .RelPermalink }}">
+    {{ else -}}
+      {{ with . | minify | fingerprint }}
+<link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
+      {{ end }}
+    {{ end }}
+  {{ end }}
+{{ end }}
+
 <title>{{ block "title" . }}{{ .Site.Title }} - {{ .Title }}{{ end }}</title>
 {{/* vim: set tw=80 ts=2 sw=2 sts=2 ft=gohtmltmpl: */}}