diff --git a/WatchIt.Website/WatchIt.Website/wwwroot/app.css b/WatchIt.Website/WatchIt.Website/wwwroot/css/general.css
similarity index 98%
rename from WatchIt.Website/WatchIt.Website/wwwroot/app.css
rename to WatchIt.Website/WatchIt.Website/wwwroot/css/general.css
index b27ac15..eac2f26 100644
--- a/WatchIt.Website/WatchIt.Website/wwwroot/app.css
+++ b/WatchIt.Website/WatchIt.Website/wwwroot/css/general.css
@@ -25,6 +25,8 @@ body, html {
     font-family: "PT Sans";
 }
 
+/* CLASSES */
+
 .logo {
     font-family: "Belanosima";
     text-decoration: none;
@@ -32,27 +34,6 @@ body, html {
     -webkit-text-fill-color: transparent;
 }
 
-.mt-9 {
-    margin-top: 9rem !important;
-}
-
-.panel-header {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-
-.panel-regular {
-    background-color: rgba(0, 0, 0, 0.6);
-}
-
-.panel-yellow {
-    background-color: rgba(255, 184, 58, 0.6);
-}
-
-.panel {
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
-    backdrop-filter: blur(25px);
-}
-
 .main-button {
     --r:10px;
     --b:2px;
@@ -102,6 +83,33 @@ body, html {
     -webkit-mask:none;
 }
 
+
+
+
+
+.mt-9 {
+    margin-top: 9rem !important;
+}
+
+.panel-header {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+
+.panel-regular {
+    background-color: rgba(0, 0, 0, 0.6);
+}
+
+.panel-yellow {
+    background-color: rgba(255, 184, 58, 0.6);
+}
+
+.panel {
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(25px);
+}
+
+
+
 .dropdown-menu-left {
     right: auto;
     left: 0;
diff --git a/WatchIt.Website/WatchIt.Website/wwwroot/css/main_button.css b/WatchIt.Website/WatchIt.Website/wwwroot/css/main_button.css
new file mode 100644
index 0000000..e69de29