diff --git a/packages/concordia-app/src/utils/styles.debug.css b/packages/concordia-app/src/utils/styles.debug.css
new file mode 100644
index 0000000..2488391
--- /dev/null
+++ b/packages/concordia-app/src/utils/styles.debug.css
@@ -0,0 +1,71 @@
+* {
+    outline: 2px dotted red
+}
+
+* * {
+    outline: 2px dotted green
+}
+
+* * * {
+    outline: 2px dotted orange
+}
+
+* * * * {
+    outline: 2px dotted blue
+}
+
+* * * * * {
+    outline: 1px solid red
+}
+
+* * * * * * {
+    outline: 1px solid green
+}
+
+* * * * * * * {
+    outline: 1px solid orange
+}
+
+* * * * * * * * {
+    outline: 1px solid blue
+}
+
+/* Solid Green */
+* *:hover {
+    border: 2px solid #89A81E
+}
+
+/* Solid Orange */
+* * *:hover {
+    border: 2px solid #F34607
+}
+
+/* Solid Blue */
+* * * *:hover {
+    border: 2px solid #5984C3
+}
+
+/* Solid Red */
+* * * * *:hover {
+    border: 2px solid #CD1821
+}
+
+/* Dotted Green */
+* * * * * *:hover {
+    border: 2px dotted #89A81E
+}
+
+/* Dotted Orange */
+* * * * * * *:hover {
+    border: 2px dotted #F34607
+}
+
+/* Dotted Blue */
+* * * * * * * *:hover {
+    border: 2px dotted #5984C3
+}
+
+/* Dotted Red */
+* * * * * * * * *:hover {
+    border: 2px dotted #CD1821
+}
\ No newline at end of file