diff --git a/public/css/cafe.css b/public/css/cafe.css
index 79ea2f7..87db8cb 100644
--- a/public/css/cafe.css
+++ b/public/css/cafe.css
@@ -19,8 +19,9 @@ before and after the text */
 the other elements, you will need to move that div outside
 of the container */
 .credits{
-    margin-top: 20px;
+    margin-top: 10px;
     font-size: 12px;
+    color: rgb(162, 162, 162);
 }
     .loungeText ul{
         font-size: 15px;
diff --git a/public/img/baackground.png b/public/img/baackground.png
index fd607cf..27722a4 100644
Binary files a/public/img/baackground.png and b/public/img/baackground.png differ
diff --git a/public/img/baackground2.png b/public/img/baackground2.png
new file mode 100644
index 0000000..fd607cf
Binary files /dev/null and b/public/img/baackground2.png differ
diff --git a/public/img/baackground3.png b/public/img/baackground3.png
new file mode 100644
index 0000000..a8e8fd9
Binary files /dev/null and b/public/img/baackground3.png differ
diff --git a/public/img/baackground4.png b/public/img/baackground4.png
new file mode 100644
index 0000000..82f1b03
Binary files /dev/null and b/public/img/baackground4.png differ
diff --git a/public/img/cafebackgrounNEWTEST.png b/public/img/cafebackgrounNEWTEST.png
new file mode 100644
index 0000000..57cfe3e
Binary files /dev/null and b/public/img/cafebackgrounNEWTEST.png differ
diff --git a/public/img/cafebackground.png b/public/img/cafebackground.png
new file mode 100644
index 0000000..8b09659
Binary files /dev/null and b/public/img/cafebackground.png differ
diff --git a/public/index.html b/public/index.html
index ec558c4..465598b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -80,8 +80,8 @@
                 <h4>Café</h4>
               </button></a></li>
             <!-- <li><a href="#"><button><img class="icon" style="vertical-align: middle;" src="./icons/tools_gear-0.png"></img><h4>DIY</h4></button></a></li> -->
-            <li><button disabled onclick="location.href='/about';" class=""><img
-                  class="icon" style="vertical-align: middle;filter: grayscale(100%);" src="/images/icons/help_sheet-0.png"></img>
+            <li><button onclick="location.href='https://gorkem.cc/about';" class=""><img
+                  class="icon" style="vertical-align: middle;" src="/images/icons/help_sheet-0.png"></img>
                 <h4>About</h4>
               </button></li>
             <li><button disabled><img class="icon" style="vertical-align: middle; filter: grayscale(100%);"
@@ -153,7 +153,10 @@
   <li>You can change your character with <code>/dino</code> followed by <code>1,2,3,4</code> eg. <code>/dino 2</code> </li>
   <li>Use the textbox to <strong>chat</strong> and the emoji button to send <strong>emojis</strong></li>
   <li>Be nice & Have fun!</li>
-   <div class="credits"> Dino sprites by <a href="https://arks.itch.io/dino-characters" target="_blank">@ScissorMarks</a> </div>
+   <div class="credits"> 
+    Dino sprites by <a href="https://arks.itch.io/dino-characters" target="_blank">@ScissorMarks</a> 
+   Interior sprites by <a href="https://shubibubi.itch.io/cozy-interior" target="_blank">@shubibubi</a></div>
+
 </ul> 
 
         </aside>