diff --git a/src/styles/general.scss b/src/styles/general.scss
index 225edd5..815eb39 100644
--- a/src/styles/general.scss
+++ b/src/styles/general.scss
@@ -1,6 +1,23 @@
+$background_color: #242424;
+$color: #a6a6a6;
+$color_visited: gray;
+$color_hover: #dfdfdf;
+$color_active: #a6a6a6;
+
+$div_background_color: #1038a7;
+
+$title_font_family: Roboto;
+$title_font_size: 21pt;
+
+$regular_font_family: Lato;
+$regular_font_size: 12pt;
+$regular_image_font_size: 10.5pt;
+
+$foot_font_size: 9.8pt;
+
 body {
-    background-color: white;
-    color: #272727;
+    background-color: $background_color;
+    color: $color;
 }
 
 @font-face {
@@ -13,36 +30,25 @@ body {
     src: url("../images/Lato-Regular.ttf");
 }
 
-$div_background_color: rgb(16, 56, 167);
-
-$title_font_family: Roboto;
-$title_font_size: 21pt;
-
-$regular_font_family: Lato;
-$regular_font_size: 12pt;
-$regular_image_font_size: 10.5pt;
-
-$foot_font_size: 9.8pt;
-
 .global_segment {
     margin-left: auto;
     margin-right: auto;
     width: 21cm;
 
     a:link {
-        color: white;
+        color: $background_color;
     }
-      
+
     a:visited {
-        color: #dfdfdf;
+        color: $color_visited;
     }
-    
+
     a:hover {
-        color: gray;
+        color: $color_hover;
     }
-    
+
     a:active {
-        color: #a6a6a6;
+        color: $color_active;
     }
 
     ul {
@@ -52,7 +58,7 @@ $foot_font_size: 9.8pt;
 
     li {
         padding-top: 15px;
-    } 
+    }
 
     .title_bar {
         margin-top: 20px;
@@ -75,12 +81,12 @@ $foot_font_size: 9.8pt;
         float: left;
         margin-top: 30px;
         width: 100%;
-    
+
         .segment_image {
             float: left;
             width: 210px;
             height:250px;
-            color: white;
+            color: $color;
             font-weight: bold;
             background-color: $div_background_color;
         }
@@ -88,7 +94,7 @@ $foot_font_size: 9.8pt;
         .cover {
             object-fit: cover;
             object-position: top;
-        } 
+        }
 
         .foot_content {
             font-size: $foot_font_size;
@@ -99,7 +105,7 @@ $foot_font_size: 9.8pt;
             padding: 15px;
             width: 180px;
             height:220px;
-            color: white;
+            color: $color;
             font-size: $regular_image_font_size;
             font-family: $regular_font_family;
             font-weight: bold;
@@ -111,79 +117,79 @@ $foot_font_size: 9.8pt;
         }
     }
 
-	.segment_title {
-		float: left;
+    .segment_title {
+        float: left;
         width: 250px;
         padding-top: 12px;
         height: 45px;
-        color: white;
+        color: $color;
         font-family: $title_font_family;
         font-size: $title_font_size;
         text-align: center;
         background-color: $div_background_color;
     }
-  
-	.segment_content_normal {
+
+    .segment_content_normal {
         float: left;
         width: 100%;
         font-family: $regular_font_family;
         font-size: $regular_font_size;
         text-align: justify;
-		margin-top: 15px;
+        margin-top: 15px;
 
-		ul {
-			margin-top: 0;
-			margin-bottom: 0;
-			list-style-type: none;
-		}
+        ul {
+            margin-top: 0;
+            margin-bottom: 0;
+            list-style-type: none;
+        }
 
-		ul li::before {
-        	content: ">> ";
-        	color: $div_background_color; 
-        	font-weight: bold;
-        	display: inline-block;
-        	width: 2em;
-        	margin-left: -2em;  
-    	}
+        ul li::before {
+            content: ">> ";
+            color: $div_background_color;
+            font-weight: bold;
+            display: inline-block;
+            width: 2em;
+            margin-left: -2em;
+        }
 
-		.segment_content_title {
-			margin-top: 9px;
-			margin-bottom: 9px;
-		}
+        .segment_content_title {
+            margin-top: 9px;
+            margin-bottom: 9px;
+        }
     }
 
-	.segment_content_work {
+    .segment_content_work {
         float: left;
         width: 100%;
         font-family: $regular_font_family;
         font-size: $regular_font_size;
-        text-align: justify;	
+        text-align: justify;
 
-		ul {
-			margin-top: 0;
-			margin-bottom: 0;
-			list-style-type: none;
-			margin-left: 18px;
-			padding-bottom: 15px;
-		}
+        ul {
+            margin-top: 0;
+            margin-bottom: 0;
+            list-style-type: none;
+            margin-left: 18px;
+            padding-bottom: 15px;
+        }
 
-		ul li::before {
-        	content: "+ >";
-			color: $div_background_color;
-			background-color: white;
-			font-weight: bold;
-        	display: inline-block;
-        	width: 2em;
-        	margin-left: -2.875em;  
-    	}
+        ul li::before {
+            content: "+ >";
+            color: $div_background_color;
+            background-color: $background_color;
+            font-weight: bold;
+            display: inline-block;
+            width: 2em;
+            margin-left: -2.875em;
+        }
 
 
-		.segment_content_title {
-			margin-top: 9px;
-			margin-bottom: 9px;
-		}
+        .segment_content_title {
+            margin-top: 9px;
+            margin-bottom: 9px;
+        }
     }
-  
+
     .segment_title_image {
         float: left;
         margin-top: 100px;