Add shadow box to add relief

This commit is contained in:
Jérémie SALVI
2024-12-20 01:24:43 +01:00
parent 3ed0d68f45
commit 826afcb384

View File

@@ -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 {