diff --git a/src/App.vue b/src/App.vue
index 5ffda57..b348500 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -502,7 +502,7 @@ html, body {
   padding: 16px 36px;
   font-size: 20px;
   color: #ffc107;
-  background: rgba(0, 0, 0, 0.85);
+  background: rgba(0, 0, 0, 0.5);
   border: 1px solid rgba(255, 193, 7, 0.4);
   border-radius: 6px;
   letter-spacing: 3px;
diff --git a/src/components/MainMenu.vue b/src/components/MainMenu.vue
index 2fed5b5..f2e00bc 100644
--- a/src/components/MainMenu.vue
+++ b/src/components/MainMenu.vue
@@ -50,7 +50,7 @@ const { t } = useI18n()
 .main-menu-overlay {
   position: fixed;
   inset: 0;
-  background: rgba(0, 0, 0, 0.88);
+  background: rgba(0, 0, 0, 0.5);
   display: flex;
   align-items: center;
   justify-content: center;