diff --git a/src/002-config/colors.css b/css/002-variables/colors.css
similarity index 100%
rename from src/002-config/colors.css
rename to css/002-variables/colors.css
diff --git a/css/003-sugarcube-overwrite/general.css b/css/003-sugarcube-overwrite/general.css
new file mode 100644
index 0000000000000000000000000000000000000000..08a03244235a115489a0718a3cdbd419b39bbcec
--- /dev/null
+++ b/css/003-sugarcube-overwrite/general.css
@@ -0,0 +1,24 @@
+body {
+    overflow-x: hidden;
+}
+
+/* clears SugarCube's default transition */
+.passage {
+    transition: none;
+    -webkit-transition: none;
+}
+
+.passage-in {
+    opacity: 1 !important;
+}
+
+#passages {
+    /* max-width: 54em */
+    max-width: 100%;
+}
+
+/* makes HR colorflip compatible */
+hr {
+    background:#ccc;
+    border:0;
+}
diff --git a/src/002-config/modSC.css b/css/003-sugarcube-overwrite/sidebar.css
similarity index 100%
rename from src/002-config/modSC.css
rename to css/003-sugarcube-overwrite/sidebar.css
diff --git a/src/gui/css/mainStyleSheet.css b/src/gui/css/mainStyleSheet.css
index 290a25457cb838f2e03df645c8c33de722cd6e6b..90e70947d8e1005d058c4540f0264f669f3c4a42 100644
--- a/src/gui/css/mainStyleSheet.css
+++ b/src/gui/css/mainStyleSheet.css
@@ -1,28 +1,3 @@
-body {
-	overflow-x: hidden;
-}
-
-/* makes HR colorflip compatible */
-hr {
-	background:#ccc;
-	border:0;
-}
-
-/* clears SugarCube's default transition */
-.passage {
-	transition: none;
-	-webkit-transition: none;
-}
-
-.passage-in {
-	opacity: 1 !important;
-}
-
-/* default is 54em */
-#passages {
-	max-width: 100%;
-}
-
 /* small trick to hide broken images */
 img {
 	text-indent: -10000px;