diff --git a/WebDoorCreator.UI/Pages/Index.razor b/WebDoorCreator.UI/Pages/Index.razor
index e80f637..7293567 100644
--- a/WebDoorCreator.UI/Pages/Index.razor
+++ b/WebDoorCreator.UI/Pages/Index.razor
@@ -3,5 +3,8 @@
 <PageTitle>Index</PageTitle>
 
 <div class="d-flex flex-wrap align-items-center bgbg">
-    <h1>Web Door Creator</h1>
+
+    <div class="transpLayer">
+        <h1>Web Door Creator</h1>
+    </div>
 </div>
\ No newline at end of file
diff --git a/WebDoorCreator.UI/Pages/Index.razor.css b/WebDoorCreator.UI/Pages/Index.razor.css
index 9f0b44a..48f1870 100644
--- a/WebDoorCreator.UI/Pages/Index.razor.css
+++ b/WebDoorCreator.UI/Pages/Index.razor.css
@@ -7,4 +7,8 @@
   background-size: cover;
   /* Resize the background image to cover the entire container */
   height: 35rem;
+}
+.transpLayer {
+  color: #DEDEDE;
+  background-image: linear-gradient(to-right, rgba(15, 15, 15, 0.9), rgba(255, 255, 255, 0.1));
 }
\ No newline at end of file
diff --git a/WebDoorCreator.UI/Pages/Index.razor.less b/WebDoorCreator.UI/Pages/Index.razor.less
index 3ba62d8..2659ac0 100644
--- a/WebDoorCreator.UI/Pages/Index.razor.less
+++ b/WebDoorCreator.UI/Pages/Index.razor.less
@@ -4,5 +4,9 @@
     background-repeat: no-repeat; /* Do not repeat the image */
     background-size: cover; /* Resize the background image to cover the entire container */
     height: 35rem;
-
+}
+
+.transpLayer {
+    color: #DEDEDE;
+    background-image: linear-gradient(to-right, rgba(15,15,15,0.9), rgba(255,255,255,0.1));
 }
diff --git a/WebDoorCreator.UI/Pages/Index.razor.min.css b/WebDoorCreator.UI/Pages/Index.razor.min.css
index 77ad80d..7ef5037 100644
--- a/WebDoorCreator.UI/Pages/Index.razor.min.css
+++ b/WebDoorCreator.UI/Pages/Index.razor.min.css
@@ -1 +1 @@
-.bgbg{background-image:url("images/DOORBG.png");background-position:center;background-repeat:no-repeat;background-size:cover;height:35rem;}
\ No newline at end of file
+.bgbg{background-image:url("images/DOORBG.png");background-position:center;background-repeat:no-repeat;background-size:cover;height:35rem;}.transpLayer{color:#dedede;background-image:linear-gradient(to-right,rgba(15,15,15,.9),rgba(255,255,255,.1));}
\ No newline at end of file