diff --git a/.sassrc b/.sassrc
new file mode 100644
index 0000000000000000000000000000000000000000..8cc4283b0a3543cde621c600bd7811ca4e1953ee
--- /dev/null
+++ b/.sassrc
@@ -0,0 +1,3 @@
+{
+  "includePaths": ["node_modules"]
+}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index ec1af9eb96b464b810e7f451f8c5f806c8b6961b..2ce38fbf3ba4a10e63119feba3fe655b443ba271 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5765,6 +5765,15 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "dev": true
     },
+    "sass": {
+      "version": "1.26.9",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.26.9.tgz",
+      "integrity": "sha512-t8AkRVi+xvba4yZiLWkJdgJHBFCB3Dh4johniQkPy9ywkgFHNasXFEFP+RG/F6LhQ+aoE4aX+IorIWQjS0esVw==",
+      "dev": true,
+      "requires": {
+        "chokidar": ">=2.0.0 <4.0.0"
+      }
+    },
     "sax": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
diff --git a/package.json b/package.json
index 7d0f37e4b41a7990d919fc90550c7f6be9efe132..b73e05cd0fdc395b58ef71ce725e48ba5bf0ba0d 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
   },
   "homepage": "https://github.com/goitacademy/parcel-project-template#readme",
   "devDependencies": {
-    "parcel-bundler": "^1.12.4"
+    "parcel-bundler": "^1.12.4",
+    "sass": "^1.26.9"
   }
 }
diff --git a/src/index.js b/src/index.js
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..4e24bdb5b3bbe597319a745addcc6ee245c08843 100644
--- a/src/index.js
+++ b/src/index.js
@@ -0,0 +1 @@
+import "./sass/main.scss";
diff --git a/src/sass/main.scss b/src/sass/main.scss
new file mode 100644
index 0000000000000000000000000000000000000000..8b137891791fe96927ad78e64b0aad7bded08bdc
--- /dev/null
+++ b/src/sass/main.scss
@@ -0,0 +1 @@
+