Add timer styling/minute update

src/components/RoomHeader/RoomHeader.css

@@ -1,19 +1,25 @@
-header {
+.room-header {
     display: flex;
     justify-content: center;
+    align-items: center;
     background-color: #c0c4d7;
     width: 100vw;
     padding: 1em 0em;
     overflow: hidden;
-    background: linear-gradient(to bottom, #8181a5 5%, #676980 100%);
-    box-shadow: 0 30px 40px rgba(0,0,0,.1);
-  }
+    background: linear-gradient(to bottom, #bfd7df 5%, #1829de 100%);
+    gap: 2em;
+    box-shadow: inset -2px -17px 20px 1px rgb(125 150 156);
+    }
+
+    h1 {
+      font-size: 3em;
+    }
+
+    .alien{
+      width: 7em;
+      margin: -1.5em 
+    }
 
-  h1 {
-    font-size: 3em;
-  }
-
-  .alien{
-    width: 7em;
-    margin: -1.5em 
-  }
+    .timer-btn {
+      margin: 0
+    }

src/components/RoomHeader/RoomHeader.js

@@ -24,8 +24,8 @@ export default function RoomHeader() {
   const seconds = timer % 60;
 
   return (
-    <header>
-      <h1>Escape Link</h1>
+    <header className="room-header">
+      <h1>Operation: Find Bob!!!</h1>
       <img className="alien" src={alien} alt="alien" />
       <p>
         Time Elapsed: {minutes}:{seconds.toFixed(2).padStart(5, "0")}