diff --git a/notes.css b/notes.css
index 16838ef..bd9bd53 100644
--- a/notes.css
+++ b/notes.css
@@ -1,3 +1,10 @@
+:root{
+  --color-purple: purple;
+  --color-white: #fff;
+  --color-brown: brown;
+  --color-black: #000;
+}
+
 * {
   margin: 0;
   padding: 0;
@@ -18,17 +25,17 @@ body {
 .wrapper {
   position: relative;
   width: 420px;
-  border: 2px solid brown;
-  background-color: white;
+  border: 2px solid var(--color-brown);
+  background-color: var(--color-white);
 }
 .heading {
   height: 8vh;
-  background-color: purple;
+  background-color: var(--color-purple);
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
-  color: white;
+  color: var(--color-white);
   cursor: default;
   font-family: Arial, Helvetica, sans-serif;
 }
@@ -67,12 +74,12 @@ body {
 }
 .secondheading {
   height: 8vh;
-  background-color: purple;
+  background-color: var(--color-purple);
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
-  color: white;
+  color: var(--color-white);
   cursor: default;
   font-family: Arial, Helvetica, sans-serif;
   display: none;
@@ -112,8 +119,8 @@ font-size: 18px;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
-  color: white;
-  background-color: black;
+  color: var(--color-white);
+  background-color: var(--color-black);
   display: none;
 }
 .sidebar .abovesidecontent
@@ -137,7 +144,7 @@ font-size: 18px;
   display: flex;
   justify-content: center;
   flex-direction: column;
-  border: 1px solid black;
+  border: 1px solid var(--color-black);
   font-size: 20px;
   font-weight: bold;
 }
@@ -233,8 +240,8 @@ outline: none;
 }
 .body div
 {
-  background-color:white;
-  color: black;
+  background-color: var(--color-white);
+  color: var(--color-black);
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -255,6 +262,6 @@ outline: none;
   position: absolute;
   bottom: 15px;
   right: 5px;
-  color: white;
+  color: var(--color-white);
   cursor: pointer;
-}
+}
\ No newline at end of file