diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 88f50bb..c544113 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -110,6 +110,10 @@ body {
   min-height: 100svh;  
   -webkit-font-smoothing: antialiased;
   touch-action: manipulation;
+
+  &:has(main .background-container) {
+    background-color: var(--clr-black);
+  }
 }