[F] Move global css outside of overall scope

src/components/app/app.scss

@@ -26,3 +26,34 @@
 
     --font: 'Avenir', Helvetica, Arial, sans-serif;
 }
+
+// ##############
+// # Global CSS #
+// ##############
+
+.el-card
+{
+    margin: 10px;
+    padding: 0;
+}
+
+.el-card.large
+{
+    height: 494px;
+}
+
+// Fix padding
+.el-card__body
+{
+    padding-top: 0 !important;
+    padding-bottom: 0 !important;
+}
+
+// Vertical centering
+.vertical-center
+{
+    // Vertical center
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+}

src/pages/overall/overall.scss

@@ -1,16 +1,4 @@
 
-// Add some margins
-.el-card
-{
-    margin: 10px;
-    padding: 0;
-}
-
-.el-card.large
-{
-    height: 494px;
-}
-
 .gpa-card
 {
     margin-left: 20px;
@@ -52,19 +40,3 @@
     margin-right: 20px;
     min-width: 170px;
 }
-
-// Fix padding
-.el-card__body
-{
-    padding-top: 0 !important;
-    padding-bottom: 0 !important;
-}
-
-// Vertical centering
-.vertical-center
-{
-    // Vertical center
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-}