Initial dummy implementation

src/css/style.css

@@ -0,0 +1,89 @@
+body {
+    display: flex;
+    min-height: 100vh;
+    flex-direction: column;
+}
+
+main {
+    flex: 1 0 auto;
+}
+
+/* Primary Color */
+.btn,
+.nav-wrapper {
+    background-color: #000000;
+}
+
+/* Secondary Color */
+.btn-secondary {
+    background-color: #FFFFFF;
+    color: #000000;
+    /* Text color for the white button */
+}
+
+/* Accent Colors */
+.btn-accent-1 {
+    background-color: #666666;
+}
+
+.btn-accent-2 {
+    background-color: #333333;
+}
+
+/* Background Color */
+body {
+    background-color: #FAFAFA;
+}
+
+/* Error Color */
+.btn-error {
+    background-color: #FF3333;
+}
+
+/* Success Color */
+.btn-success {
+    background-color: #33FF66;
+}
+
+/* Text Color for Primary buttons */
+.btn,
+.nav-wrapper {
+    color: #FAFAFA;
+}
+
+/* Footer Colors */
+.page-footer {
+    background-color: #333333;
+}
+
+.page-footer .container,
+.page-footer .container .text-lighten-4 {
+    color: #FAFAFA;
+}
+
+.page-footer a {
+    color: #666666;
+}
+
+.page-footer .container .text-lighten-4 a {
+    color: #999999;
+    /* A slightly lighter gray */
+}
+
+.page-footer .footer-copyright {
+    background-color: #2E2E2E;
+}
+
+.btn:hover,
+.btn-large:hover,
+.btn-small:hover {
+    background-color: #FF6600;
+}
+
+/* For raised buttons */
+.btn:not(.disabled):hover,
+.btn-large:not(.disabled):hover,
+.btn-small:not(.disabled):hover {
+    background-color: #FF6600;
+    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}