diff --git a/assets/css/main.css b/assets/css/main.css
index 3a36d6d..d86b3e8 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -16,6 +16,18 @@ html {
   scrollbar-width: thin;
 }
 
+html::before {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: black;
+  opacity: 0.7;
+  z-index: -1;
+}
+
 body {
   display: block;
   margin: 0;