From efe1bbb26cde6cfe574b1140a5dde8cc8302bc06 Mon Sep 17 00:00:00 2001
From: KEVIN KHOZA <108754791+DoubleK11@users.noreply.github.com>
Date: Mon, 12 Jun 2023 16:59:07 +0200
Subject: [PATCH] Update index.html

played with the code for practice.
---
 index.html | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)
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>
