improve colors and footer

assets/scss/home.scss

@@ -19,6 +19,7 @@
     font-family: "playfair";
     font-size: 2rem;
     height: 100vh;
+    color: var(--text-2);
     h1 {
         letter-spacing: 0.5rem;
         font-size: 7rem;

assets/scss/main.scss

@@ -23,7 +23,7 @@ html {
 		grid-template-areas:
 			"header header"
 			"sidebar content"
-			"sidebar footer";
+			"footer footer";
 		grid-template-columns: 250px 1fr;
 		grid-template-rows: min-content;
 		line-height: 1.7;

assets/scss/partials/sidebar.scss

@@ -13,7 +13,9 @@
 	top: 0;
 	z-index: 2;
 	margin: 1rem;
-	border-radius: 2rem;
+	border-radius: 100rem;
+	box-shadow: 0 0 20px 20px var(--sidebar-background-accent);
+	border: 1px solid var(--sidebar-background-accent);
 	header {
 		text-align: center;
 		user-select: none;

assets/scss/variables.scss

@@ -7,6 +7,7 @@
 	--text-secondary: hsl(210, 21%, 40%);
 	
 	--sidebar-background: hsla(210, 21%, 10%, 20%);
+	--sidebar-background-accent: hsla(210, 21%, 10%, 10%);
 
 	--vriish-rose: hsl(0, 100%, 75%);
 	--orange: hsl(25, 100%, 75%);
@@ -28,6 +29,7 @@
 		--text-2: hsl(0, 20%, 30%);
 		--text-secondary: hsl(0, 20%, 70%);
 
-		--sidebar-background: hsl(0, 100%, 95%);
+		--sidebar-background: hsla(0, 100%, 98%, 20%);
+		--sidebar-background-accent: hsla(0, 100%, 98%, 10%);
 	}
 }