diff --git a/src/snek/static/base.css b/src/snek/static/base.css
index 5a0fc3e..b072e8c 100644
--- a/src/snek/static/base.css
+++ b/src/snek/static/base.css
@@ -47,7 +47,6 @@ main {
 }
 
 header {
-  background-color: #000000;
   grid-area: header;
   padding: 10px 20px;
   display: flex;
@@ -102,13 +101,11 @@ h2 {
   flex: 1;
   display: flex;
   flex-direction: column;
-  background-color: #000000;
   overflow: hidden;
 }
 
 .chat-header {
   padding: 10px 20px;
-  background-color: #000000;
   user-select: none;
 }
 
@@ -139,7 +136,6 @@ footer {
   -ms-overflow-style: none;
   padding: 10px;
   height: 10px;
-  background: #000000;
 }
 
 .chat-messages {
@@ -244,15 +240,14 @@ footer {
 
 .chat-input {
   padding: 15px;
-  background-color: #000000;
   display: flex;
   align-items: center;
 }
 
 input[type="text"], .chat-input textarea {
   flex: 1;
-  background-color: #000000;
   color: white;
+  background: none;
   border: none;
   padding: 10px;
   border-radius: 5px;
@@ -357,7 +352,6 @@ a {
 
 .sidebar {
   width: 250px;
-  background-color: #000000;
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 10px;
diff --git a/src/snek/static/sandbox.css b/src/snek/static/sandbox.css
index 323098a..2373583 100644
--- a/src/snek/static/sandbox.css
+++ b/src/snek/static/sandbox.css
@@ -25,7 +25,8 @@
       border-radius: 50%;
       background-color: var(--star-color);
       animation: twinkle 2s infinite ease-in-out;
-    }
+      z-index: -1;  
+  }
 
     @keyframes twinkle {
       0%, 100% { opacity: 0.8; transform: scale(1); }