diff --git a/index.html b/index.html
index 90530a6..0b1d690 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,19 @@
-<!DOCTYPE html>
-<html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Patronage OS</title>
     <style>
+        :root {
+            --primary-color: #333; /* dark gray */
+            --secondary-color: #4CAF50; /* green */
+            --accent-color: #ffeb3b; /* orange */
+            --text-color: #666; /* medium gray */
+            --background-color: #DCDCDC; /* light grey */
+        }
+
         html, body {
             height: 100%;
+            background-color: var(--background-color);
         }
         html {
             display: table;
@@ -15,8 +22,9 @@
         body {
             display: table-cell;
             vertical-align: middle;
-            font-family: Arial, sans-serif;
+            font-family: 'Helvetica Neue', Arial, sans-serif; /* Replace with your preferred system font */
             text-align: center;
+            color: var(--text-color);
         }
         footer {
             position: absolute;
@@ -31,12 +39,12 @@
         }
         h1 {
             font-size: 3em;
-            color: #333;
+            color: var(--primary-color);
         }
         h2 {
             font-size: 1.5em;
             padding: 1rem;
-            border-bottom: 1px solid #ccc;
+            border-bottom: 1px solid var(--accent-color);
         }
         p {
             line-height: 1.5;
@@ -45,7 +53,7 @@
             margin: 0;
         }
         a {
-            color: #4CAF50;
+            color: var(--secondary-color);
             text-decoration: none;
         }
     </style>
@@ -67,9 +75,8 @@
             legacy - build something to last. can we give software to the next generation?<br><br>
         </p>
     </div>
-    <a href="https://git.patronage.systems/matt/patronageos">source can be found here.</a>
+    <a href="https://git.patronage.systems/matt/patronageos">Look at the project here.</a>
     <footer>
         <small><b>trademark pending</b></small>
     </footer>
-</body>
-</html>
\ No newline at end of file
+</body>
\ No newline at end of file
