diff --git a/index.html b/index.html
index e823afd..ab2331e 100644
--- a/index.html
+++ b/index.html
@@ -50,7 +50,7 @@
diff --git a/temoignages-interviews-g1.html b/temoignages-interviews-g1.html
index d4a224a..1eb88f1 100644
--- a/temoignages-interviews-g1.html
+++ b/temoignages-interviews-g1.html
@@ -352,7 +352,7 @@
diff --git a/themes/attilax/decoration.css b/themes/attilax/decoration.css
index 49a60fc..3b9c801 100644
--- a/themes/attilax/decoration.css
+++ b/themes/attilax/decoration.css
@@ -1,3 +1,8 @@
+:root {
+
+ --bleu-nuit: hsla(247.5, 70.6%, 6.7%, 0.5);
+}
+
body {
background-image: url("espace-1348w-60pcts.jpg");
@@ -10,7 +15,16 @@ body {
font-family: "Bree Serif";
font-weight: bold;
- text-shadow: 0 0 0.5rem hsl(244.8, 86.2%, 5.7%);
+ text-shadow: 0 0 0.5rem var(--bleu-nuit);
+}
+
+body:before {
+
+ background-color: var(--bleu-nuit);
+ box-shadow:
+ -6rem 0 3rem var(--bleu-nuit),
+ 3rem 0 3rem var(--bleu-nuit)
+ ;
}
body > header a:after {
diff --git a/themes/attilax/layout.css b/themes/attilax/layout.css
index f1707c3..2202b25 100644
--- a/themes/attilax/layout.css
+++ b/themes/attilax/layout.css
@@ -1,9 +1,28 @@
+
body {
max-width: 800px;
margin: auto;
}
+body:before {
+
+ content: " ";
+ position: fixed;
+ top: 0;
+ left: 50vw;
+ margin-left: -400px;
+ width: 800px;
+ height: 100vh;
+ z-index: 0;
+}
+
+header, main, footer {
+
+ position: relative;
+ z-index: 100;
+}
+
body > header {
margin-bottom: 2rem;
@@ -106,3 +125,4 @@ dt {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
+