Change the colour scheme

styling/header.css

@@ -11,12 +11,12 @@
 .header-list > li {
     display: inline-block;
     padding: 10px;
-    border: 2px solid #2f0e6b;
+    border: 2px solid #5359708c;
     transition: background 0.25s linear, color 0.25s linear;
 }
 
 .header-list > li:hover, .header-list > li:focus {
-    background: #2f0e6b;
+    background: #37a4a1;
 }
 
 

styling/home.css

@@ -5,7 +5,7 @@
 
 .post-item-title {
     margin-bottom: 2px;
-    color: #438ee4;
+    color: #88d1cf;
     transition: color 0.2s linear;
 }
 
@@ -50,5 +50,9 @@
 }
 
 .post-item:hover > .post-item-title {
-    color: rgb(10, 89, 194);
-}
\ No newline at end of file
+    color: #34b3ae;
+}
+
+.post-item-title {
+    font-family: sans-serif;
+}

styling/main.css

@@ -2,8 +2,8 @@ body {
   font-family: Actor;
   /* text-align: center; */
   padding: 50px 20px 0;
-  background: #0f0129;
-  color: #e7e7e7;
+  background: #1d232d;
+  color: #daf7ec;
   margin: 0;
   max-width: 900px;
   margin: auto;
@@ -30,15 +30,15 @@ h1 {
   font-weight: 800;
   /* border-bottom: #414141 solid 1px; */
   padding: 20px 0;
-  color: #a2c6ff;
-  text-shadow: 4px 4px 0px #004370;
+  color: #37a4a1;
+  text-shadow: 4px 4px 0px #1a4e4d;
   margin-top: 10px;
   padding-top: 0;
   text-align: center;
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: Acme;
+  font-family: Sura;
 }
 
 h3 {
@@ -123,4 +123,60 @@ hr:not(.no-bottom-margin) {
 
 .centered-text {
   text-align: center;
-}
\ No newline at end of file
+}
+
+/* alata-regular - latin */
+@font-face {
+  font-family: 'Alata';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/fonts/alata/alata-v1-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local('Alata Regular'), local('Alata-Regular'),
+       url('/assets/fonts/alata/alata-v1-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/assets/fonts/alata/alata-v1-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/assets/fonts/alata/alata-v1-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('/assets/fonts/alata/alata-v1-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/assets/fonts/alata/alata-v1-latin-regular.svg#Alata') format('svg'); /* Legacy iOS */
+}
+
+/* alef-regular - latin */
+@font-face {
+  font-family: 'Alef';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/fonts/alef/alef-v11-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local('Alef Regular'), local('Alef-Regular'),
+       url('/assets/fonts/alef/alef-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/assets/fonts/alef/alef-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/assets/fonts/alef/alef-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('/assets/fonts/alef/alef-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/assets/fonts/alef/alef-v11-latin-regular.svg#Alef') format('svg'); /* Legacy iOS */
+}
+
+/* montserrat-regular - latin */
+@font-face {
+  font-family: 'Montserrat';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/fonts/montserrat/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local('Montserrat Regular'), local('Montserrat-Regular'),
+       url('/assets/fonts/montserrat/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/assets/fonts/montserrat/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/assets/fonts/montserrat/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('/assets/fonts/montserrat/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/assets/fonts/montserrat/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
+}
+
+/* sura-regular - latin */
+@font-face {
+  font-family: 'Sura';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/assets/fonts/sura/sura-v4-latin-regular.eot'); /* IE9 Compat Modes */
+  src: local('Sura'), local('Sura-Regular'),
+       url('/assets/fonts/sura/sura-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('/assets/fonts/sura/sura-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+       url('/assets/fonts/sura/sura-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
+       url('/assets/fonts/sura/sura-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+       url('/assets/fonts/sura/sura-v4-latin-regular.svg#Sura') format('svg'); /* Legacy iOS */
+}

styling/replace_info.css

 .replace-info {
-    border-left: 10px solid #3d40fd;
+    border-left: 10px solid #5e81ac;
     padding-top: 5px;
-    background: #130233;
+    background: #2c313d;
     padding-bottom: 5px;
+    margin-bottom: 60px;
+    max-width: max-content;
+    padding-right: 20px;
 }
 
 .replace-info-list > li {
@@ -23,8 +26,8 @@
     text-decoration: none;
     color: rgb(206, 206, 206);
     padding: 10px;
-    border: 2px solid #1d0250;
-    background: #1f0452;
+    /* border: 2px solid #37a4a1; */
+    background: #434c5e;
     transition: background 0.25s linear;
 }
 
@@ -45,4 +48,5 @@
 
 .replace-info-list {
     /* display: inline-block; */
-}
\ No newline at end of file
+}
+