Add CSS color variables

src/App.js

@@ -1,3 +1,4 @@
+import './variables.css';
 import './App.css';
 import React, { Component } from 'react';
 import NavigationDrawer from './components/NavigationDrawer.js'

src/components/css/PageArea.css

@@ -1,4 +1,11 @@
-#pageArea {
+main {
     width: 100vw;
     flex: 1 1 auto;
+    background: var(--colorBg);
+}
+
+#topSection {
+    width: 100%;
+    height: 15vh;
+    background: linear-gradient(90deg, var(--colorVT1), var(--colorVT2));
 }

src/variables.css

@@ -0,0 +1,5 @@
+:root {
+    --colorVT1: rgb(1, 170, 235);
+    --colorVT2: rgb(25, 212, 245);
+    --colorBg: rgb(240, 248, 250);
+}