Change colorscheme

src/css/style.css

@@ -1,11 +1,11 @@
 :root {
-    --menu-header-color: #FF99C9;
+    --menu-header-color: #1B1F22;
     --menu-header-text: #FFEBF4;
-    --menu-background-color: #C1BDDB;
+    --menu-background-color: #435058;
-    --menu-item-color: #A2C7E5;
+    --menu-item-color: #4F5F69;
-    --menu-item-hover: #B7D8BE;
+    --menu-item-hover: #607480;
-    --menu-selected-color: #CBE896;
+    --menu-selected-color: #7F929F;
-    --main-background: #FCDFA6;
+    --main-background: #121517;
 }
 
 body {
@@ -18,6 +18,14 @@ body {
     flex: 1 1 auto;
     height: 100%;
     background-color: var(--main-background);
+    color: var(--menu-header-text);
+    font-family: 'Prompt', sans-serif;
+    font-weight: 600;
+}
+
+#main p {
+    margin-top: 10em;
+    text-align: center;
 }
 
 .video-wrapper {