2 files changed, 52 insertions, 19 deletions
diff --git a/public/css/style.css b/public/css/style.css
index de170ce..e2e3cfe 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,27 +1,24 @@
+/*
+   Please refrain from editing the style.css file and only edit the style.scss file.
+ */
 body {
-    font-family: Play, sans-serif;
-}
+  font-family: Play, sans-serif; }
 
 .dark {
-    background-color: #212121;
-    color: #ffffff;
-}
+  background-color: #212121;
+  color: #ffffff; }
 
 .light {
-    background-color: #ffffff;
-    color: #000000;
-}
+  background-color: #ffffff;
+  color: #000000; }
 
-ul.yt {
-    margin: 0 auto;
-    text-align: center;
-}
+ul .yt {
+  margin: 0 auto;
+  text-align: center; }
 
-li.yt-vid-list {
-    display: inline-block;
-    vertical-align: top;
-}
+ul .none {
+  list-style-type: none; }
 
-ul.none {
-    list-style-type:none;
-}
-\ No newline at end of file
+li .yt-vid-list {
+  display: inline-block;
+  vertical-align: top; }
diff --git a/public/css/style.scss b/public/css/style.scss
new file mode 100644
index 0000000..4ecceb3
--- /dev/null
+++ b/public/css/style.scss
@@ -0,0 +1,36 @@
+/*
+   Please refrain from editing the style.css file and only edit the style.scss file.
+ */
+
+$default-font: Play, sans-serif;
+
+body {
+    font-family: $default-font;
+}
+
+.dark {
+    background-color: #212121;
+    color: #ffffff;
+}
+
+.light {
+    background-color: #ffffff;
+    color: #000000;
+}
+
+ul {
+    .yt {
+        margin: 0 auto;
+        text-align: center;
+    }
+    .none {
+        list-style-type:none;
+    }
+}
+
+li {
+    .yt-vid-list {
+        display: inline-block;
+        vertical-align: top;
+    }
+}