diff --git a/index.html b/index.html
index e024d3ab..7838fa88 100644
--- a/index.html
+++ b/index.html
@@ -2,18 +2,27 @@
 <html>
 <head>
 <style>
+	:root [
+	--font-color: green;
+        --font-color2: orange;
+	--bg-color: red;
+	
+	}
 	.modify_this{
-		color: green;
+		color: var(--font-color);
 		font-weight: bold;
-		background-color: red;
+		background-color: var(--bg-color);
+		width: 2rem;
+		height: 2rem;
 	}
 	.modify_this_too{
-		color: orange;
+		color: var(--font-color2);
 	}
 </style>
 </head>
 <body>
 	<div class="modify_this">Modify this div with more stuff. This is the addtional sentence that I have decided to include.</div>
 	<div class="modify_this_too">This is the second div, but I really prefer numeric cardinals, it would be more awesome</div>
+	
 </body>
 </html>
