Made most of the game elements transparent

satiate.css

@@ -4,6 +4,7 @@ html, body, .scene {
   color: #eee;
   background-color: #000;
   font-family: sans-serif;
+  margin: 0px;
 }
 
 .hidden-scene {
@@ -139,7 +140,7 @@ a:hover {
 }
 
 .sidebar {
-  background: #111111;
+  background: rgba(255, 255, 255, 0.1);
   padding: 25px;
   flex: 1;
   display: flex;
@@ -149,7 +150,7 @@ a:hover {
 
 #game-menu {
   margin: 10px;
-  background: #222;
+  background: rgba(255,255,255,0.07);
   flex: 2;
 }
 
@@ -165,13 +166,13 @@ a:hover {
 
 #world-info {
   margin: 10px;
-  background: #222;
+  background: rgba(255,255,255,0.07);
   flex: 5;
 }
 
 #player-info {
   margin: 10px;
-  background: #222;
+  background: rgba(255,255,255,0.07);
   flex: 5;
 }
 
@@ -199,7 +200,7 @@ a:hover {
   display: flex;
   padding: 25px;
   font-size: 24px;
-  background: #111;
+  background: rgba(255, 255, 255, 0.1);
   flex: 1;
   max-height: 100%;
 }
@@ -217,14 +218,14 @@ a:hover {
 #desc {
   padding: 25px;
   font-size: 18px;
-  background: #222;
+  background: rgba(255, 255, 255, 0.15);
   flex: 1;
 }
 
 #moves {
   padding: 25px;
   position: relative;
-  background: #111;
+  background: rgba(255, 255, 255, 0.1);
   flex: 1;
 }
 
@@ -328,6 +329,11 @@ a:hover {
 
 #area-name {
   font-size: 36px;
+  margin: 10px;
+}
+
+#area-desc {
+  margin: 10px;
 }
 
 #log::-webkit-scrollbar {