Color fine tuning

src/app.css

@@ -3,11 +3,11 @@
 :root {
 	font-family: 'Syne Mono', monospace;
 	--pure-white: #ffffff;
-	--primary-color: #642aa7;
+	--primary-color: #4f2085;
-	--secondary-color: #5c0ac7;
+	--secondary-color: #3f0d80;
-	--tertiary-color: #385196;
+	--tertiary-color: #132761;
-	--accent-color: #4b0981;
+	--accent-color: #a12fce;
-	--heading-color: rgba(0, 0, 0, 0.7);
+	--heading-color: rgba(255, 255, 255, 0.7);
 	--background-without-opacity: rgba(8, 4, 4, 0.7);
 	--column-width: 42rem;
 	--column-margin-top: 4rem;
@@ -49,7 +49,8 @@ body::before {
 
 h1,
 h2,
-p {
+p,
+li {
 	font-weight: 800;
 	color: var(--heading-color);
 }

src/lib/header/Header.svelte

@@ -34,7 +34,7 @@
 	nav {
 		display: flex;
 		justify-content: center;
-		--background: rgba(133, 116, 192, 0.63);
+		--background: rgba(42, 18, 128, 0.63);
 	}
 
 	ul {
@@ -76,7 +76,7 @@
 		padding: 0 1em;
 		color: var(--heading-color);
 		font-weight: 700;
-		font-size: 0.8rem;
+		font-size: 0.9rem;
 		text-transform: uppercase;
 		letter-spacing: 0.1em;
 		text-decoration: none;

src/routes/index.svelte

@@ -3,7 +3,7 @@
 </script>
 
 <svelte:head>
-	<title>Me</title>
+	<title>Veikko Lintujärvi</title>
 </svelte:head>
 
 <section>