From fdcbb0e2e31a5cc74ac03a3ebfe6a55646ed45f3 Mon Sep 17 00:00:00 2001
From: Cara Manuela Mayer Yepez <caramanuela@145-137-113-220.wlan.hro.nl>
Date: Tue, 28 Mar 2023 18:57:21 +0200
Subject: [PATCH] =?UTF-8?q?crying-bj=C3=B6rk?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/index.html |  2 --
 web/style.css  | 13 +++++++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/web/index.html b/web/index.html
index e3b61ed..39eb50a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -54,7 +54,5 @@ Are you ready to play? </p>
     
     
 <div> <img src="websitebackdrop.jpeg" alt="poster" id="poster"
-        max-width: 80vw;
-        margin: 10vw 0;
            /> </div>
 </body>
\ No newline at end of file
diff --git a/web/style.css b/web/style.css
index 77712d3..299ed55 100644
--- a/web/style.css
+++ b/web/style.css
@@ -14,13 +14,22 @@ body
 }
 img{
    max-width: 80vw;
-    margin: 10vw 0;
+   margin: 10vw 0;
+   z-index: -3;
 }
 ::selection{
 background-color: #000;
 color: #ccc;
 }
 
+#poster{
+   max-width: 80vw;
+   margin: 10vw 0;
+   opacity: 80%;
+   z-index: 2;
+   box-shadow: 0px -2px 2px rgba(34,34,34,0.6);
+}
+
 html, body {
   margin: 0;
   padding: 0;
@@ -38,7 +47,7 @@ top: 0px;
 left: 0px;
 width: 100vw;
 height: 100vh;
-z-index: -2;
+z-index: 100;
 }
 .fogwrapper {
   height: 100%;