diff --git a/style.css b/style.css
index 72c85cb..aeb5cd9 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,14 @@
+:root {
+	--term-colour: #9C64FE;
+	--term-bg-colour: #191919;
+	--main-colour: white;
+	--main-bg-colour: #3C3C3C;
+	--body-bg-colour: black;
+}
+
 body {
     text-align: center;
-    background-color: black;
+    background-color: var(--body-bg-colour);
     font-family: "Courier New", monospace;
 }
 
@@ -20,15 +28,25 @@ p {
     display:inline-block;
     font-weight: bolder;
 }
+h2#terminal {
+	margin: 10px;
+	padding-left: 12%;
+	align-content: center;
+}
 
 #infobox {
     text-align: center;
     background: rgb(60, 60, 60);
-    color:white;
+    color: var(--main-colour);
     width: 50%;
     height: 10%;
     margin-left: 25%;
     margin-top: 5%;
+	padding-bottom: 10px;
+}
+
+h4 {
+	padding: 5px;
 }
 
 #roundedtop {
@@ -37,14 +55,14 @@ p {
     border-color: rgb(60, 60, 60);
     border-bottom: solid;
     border-bottom-color: darkgray;
-    border-width: 1px;
+    border-width: 2px;
     height: 5%;
     width: 50%;
     margin-top: 5%;
     margin-left: 25%;
     background-color: rgb(60, 60, 60);
     position: relative;
-    color:white;
+    color: var(--main-colour);
     font-weight: bolder;
     word-spacing: 10px;
     text-align: center;
@@ -53,8 +71,8 @@ p {
 #userText {
     margin-left: 25%;
     justify-content: center;
-    background-color: rgb(60, 60, 60);
-    color: white;
+    background-color: var(--term-bg-colour);
+    color: var(--term-colour);
     text-align: left;
     height: 45%;
     width: 50%;
@@ -68,13 +86,13 @@ p {
     background-image: url('./greaterthans.png');
     background-position: 10px 10px; 
     background-repeat: no-repeat;
-    background: rgb(60, 60, 60);
-    color: white;
+    background: var(--term-bg-colour);
+    color: var(--term-colour);
     border-top: solid;
     border-color: darkgray;
-    border-width: 1px;
+    border-width: 2px;
 }
 
 #userInput:focus {
     outline: none;
-}
\ No newline at end of file
+}