diff --git a/Gruntfile.js b/Gruntfile.js
index e3a7cab..3498c6f 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -12,7 +12,7 @@ module.exports = function (grunt) {
           {
             expand: true,
             cwd: "assets/styles",
-            src: ["**/*.sass"],
+            src: ["**/*.scss"],
             dest: "public/css",
             ext: ".css",
           },
@@ -37,7 +37,7 @@ module.exports = function (grunt) {
 
     watch: {
       css: {
-        files: ["assets/styles/**/*.sass"],
+        files: ["assets/styles/**/*.scss"],
         tasks: ["sass"],
         options: {
           atBegin: true,
diff --git a/assets/styles/eye.sass b/assets/styles/eye-old.sass
similarity index 100%
rename from assets/styles/eye.sass
rename to assets/styles/eye-old.sass
diff --git a/assets/styles/eye.scss b/assets/styles/eye.scss
new file mode 100644
index 0000000..47b485b
--- /dev/null
+++ b/assets/styles/eye.scss
@@ -0,0 +1,5 @@
+$primary-color: teal;
+
+body {
+    background: #eee;
+}