From 826afcb3843cbc6771d35caa27b5a12b1d237c52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20SALVI?= <beastie@unixyourbrain.org>
Date: Fri, 20 Dec 2024 01:24:43 +0100
Subject: [PATCH] Add shadow box to add relief

---
 css/style.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index ac50568..0ba56c9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -3,7 +3,7 @@
 
 :root {
   --bg-color-dark-z0: #323232;
-  --bg-color-dark-z1: #fff4;
+  --bg-color-dark-z1: #434343;
   --bg-color-dark-z2: #545454;
   --text-color-light: #000;
   --text-color-dark: #fbfbfe;
@@ -41,7 +41,7 @@ body {
   background-repeat: no-repeat;
   background-position: bottom;
   background-attachment: fixed;
-  background-image: url(../assets/bg.jpg);
+  /* background-image: url(../assets/bg.jpg); */
   color: var(--text-color-dark);
 }
 
@@ -50,6 +50,8 @@ header {
   align-items: center;
   justify-content: center;
   background-color: var(--bg-color-dark-z1);
+  box-shadow: 0px 5px 4px 2px #212121;
+  z-index: 100;
 }
 
 .search-wrapper {
@@ -125,6 +127,7 @@ aside {
   flex-direction: column;
   background-color: var(--bg-color-dark-z1);
   border-radius: 8px;
+  box-shadow: 2px 2px 2px 1px #212121;
 }
 
 .section-wrapper h1,
@@ -165,6 +168,7 @@ aside {
   padding: 16px;
   background-color: var(--bg-color-dark-z2);
   border-radius: 8px;
+  box-shadow: 2px 2px 2px 1px #212121;
 }
 
 .link-wrapper-inner p {
@@ -183,6 +187,7 @@ aside {
   background-color: var(--bg-color-dark-z2);
   border-radius: 8px;
   color: var(--text-color-dark);
+  box-shadow: 2px 2px 2px 1px #212121;
 }
 
 aside h1 {