Moved CSS Code from App to Global

anwendung/src/components/Button.jsx

@@ -1,5 +1,3 @@
-import "../styles/App.css"
-
 /**
  * Function Takes in Paramter for:
  * text: text to be shown on the button

anwendung/src/styles/App.css

@@ -1,30 +0,0 @@
-.round-border
-{
-    border-radius: 10px;
-    border-width: 0;
-}
-
-.font-small
-{
-    font-size: 15px;
-}
-
-.font-middle
-{
-    font-size: 20px ;
-}
-
-.font-big
-{
-    font-size: 30px;
-}
-
-.button
-{
-    background-color: #0d52ce;
-}
-
-.button:hover
-{
-    background-color: #585858;
-}

anwendung/src/styles/globals.css

@@ -25,3 +25,34 @@ body {
     )
     rgb(var(--background-start-rgb));
 }
+
+.round-border
+{
+  border-radius: 10px;
+  border-width: 0;
+}
+
+.font-small
+{
+  font-size: 15px;
+}
+
+.font-middle
+{
+  font-size: 20px ;
+}
+
+.font-big
+{
+  font-size: 30px;
+}
+
+.button
+{
+  background-color: #0d52ce;
+}
+
+.button:hover
+{
+  background-color: #585858;
+}