diff --git a/resources/stylesheet.css b/resources/stylesheet.css
index 719ddc0..30f6dfc 100644
--- a/resources/stylesheet.css
+++ b/resources/stylesheet.css
@@ -1,4 +1,13 @@
 
+:root {
+    --navbar-color: #336588;
+    --background-color: #1e1e1f;
+    --primary-color: #3a4750;
+    --secondary-color: #343c42; 
+    --link-color: #2f82c2;
+    --text-emphasis-color: #2c73a5;
+}
+
 html {
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     scroll-behavior: smooth;
@@ -8,20 +17,19 @@ html {
 header.navigation-header {
     position: fixed;
     top: 0px;
-    border-radius: 16px;
+    border-bottom-left-radius: 16px;
+    border-bottom-right-radius: 16px;
     overflow: hidden;
     color: white;
     width: 100%;
     height: flex;
-    border-top-left-radius: 0px;
-    border-top-right-radius: 0px;
     text-align: center;
 }
 
 nav.bar {
     font-size: medium;
     position: top;
-    background-color: #336588;
+    background-color: var(--navbar-color);
     display: flex;
     flex-direction: row;
     justify-content: center;
@@ -34,7 +42,7 @@ main {
     overflow: hidden;
     color-scheme: dark;
     color: white;
-    background-color: #1e1e1f;
+    background-color: var(--background-color);
     margin-left: 16px;
 }
 
@@ -42,7 +50,7 @@ body {
     overflow: scroll;
     color-scheme: dark;
     color: white;
-    background-color: #1e1e1f;
+    background-color: var(--background-color);
     margin: auto;
     width: 100%;
 }
@@ -75,13 +83,13 @@ h3 {
 
 a.header-button {
     color: white;
-    text-decoration: none !important;
-    font-weight: bolder !important;
+    text-decoration: none;
+    font-weight: bolder;
     box-sizing: 90px;
 }
 
 a {
-    color: #2f82c2;
+    color: var(--link-color);
 }
 
 italic {
@@ -95,9 +103,9 @@ bold {
 user-name {
     position: flex;
     font-size: 26px;
-    font-style: bolder !important;
-    font-weight: bolder !important;
-    color: #2c73a5;
+    font-style: bolder;
+    font-weight: bolder;
+    color: var(--text-emphasis-color);
 }
 
 characteristics {
@@ -121,28 +129,28 @@ skills {
 project {
     font-style: bold;
     box-sizing: content-box;
-    border: 4px solid #3a4750;
+    border: 4px solid var(--primary-color);
     border-collapse: collapse;
     border-radius: 8px;
-    background-color: #343c42;
+    background-color: var(--secondary-color);
 }
 
 links {
     font-style: bold;
     font-size: 14px;
     box-sizing: content-box;
-    border: 4px solid #3a4750;
+    border: 4px solid var(--primary-color);
     border-radius: 8px;
-    background-color: #343c42;
+    background-color: var(--secondary-color);
 }
 
 social-link {
     box-sizing: content-box;
     font-size: 16px;
     font-style: bold;
-    border: 4px solid #3a4750;
+    border: 4px solid var(--primary-color);
     border-radius: 8px;
-    background-color: #343c42;
+    background-color: var(--secondary-color);
 }
 
 div.projects {
@@ -157,7 +165,7 @@ footer {
     overflow: scroll;
     bottom: 0px;
     box-sizing: content-box;
-    background-color: #306083;
+    background-color: var(--navbar-color);
     border-radius: 16px;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
@@ -168,7 +176,7 @@ footer {
 }
 
 footer a {
-    color: rgb(255, 255, 255);
+    color: white;
 }
 
 .not-found-title {