diff --git a/app/assets/app.js b/app/assets/app.js
index 0c5321f..dc16d60 100644
--- a/app/assets/app.js
+++ b/app/assets/app.js
@@ -6,7 +6,7 @@
  */
 
 // any CSS you import will output into a single css file (app.css in this case)
-import './styles/app.css';
+import './styles/app.scss';
 
 // start the Stimulus application
 import './stimulus/bootstrap';
diff --git a/app/assets/styles/app.css b/app/assets/styles/app.css
deleted file mode 100644
index cb33b13..0000000
--- a/app/assets/styles/app.css
+++ /dev/null
@@ -1,3 +0,0 @@
-body {
-    background-color: lightgray;
-}
diff --git a/app/assets/styles/app.scss b/app/assets/styles/app.scss
new file mode 100644
index 0000000..8455cf4
--- /dev/null
+++ b/app/assets/styles/app.scss
@@ -0,0 +1,9 @@
+body {
+    background-color: lightgray;
+    padding: 5em;
+    div#boum {
+      background-color: white;
+      padding: 1em;
+      border: 1px solid grey;
+   }
+}