crying-björk

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>

web/style.css

@@ -15,12 +15,21 @@ body
 img{
    max-width: 80vw;
    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%;