diff --git a/flake.nix b/flake.nix
index 380c2e1..86cbfb5 100644
--- a/flake.nix
+++ b/flake.nix
@@ -15,7 +15,7 @@
         pkgs = nixpkgs.legacyPackages.${system};
       in {
         devShells.default = pkgs.mkShell {
-          buildInputs = with pkgs; [typescript devd];
+          buildInputs = with pkgs; [typescript devd dart-sass];
         };
       }
     );
diff --git a/mprocs.yaml b/mprocs.yaml
index 86ead68..c4c8f5f 100644
--- a/mprocs.yaml
+++ b/mprocs.yaml
@@ -3,6 +3,9 @@
     "tscomp": {
       "shell": "tsc src/main.ts --outFile dist/main.js --watch"
     },
+    "d-sass": {
+      "shell": "sass styles/style.scss dist/style.css -w"
+    },
     "public": {
       "shell": "nu -c 'watch public/ { rm dist/*.html; rm dist/*.css; mkdir dist; cp public/* dist}'"
     },
diff --git a/public/index.html b/public/index.html
index ba44066..099ab76 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,18 +10,8 @@
 </head>
 
 <body>
-  <header>
-    <div></div>
-    <h1>Hello world</h1>
-  </header>
   <main>
-    <section>
-      <h2>Example text</h2>
-    </section>
   </main>
-  <footer>
-    <p>some footer text</p>
-  </footer>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/styles/style.scss b/styles/style.scss
new file mode 100644
index 0000000..e69de29
