From 2bb100beccb24c22d7477232e89cd1739147f974 Mon Sep 17 00:00:00 2001
From: Avery Berryman <averyberryman@gmail.com>
Date: Thu, 19 Oct 2023 20:09:44 -0600
Subject: [PATCH] Add timer styling/minute update

---
 src/components/RoomHeader/RoomHeader.css | 30 ++++++++++++++----------
 src/components/RoomHeader/RoomHeader.js  |  4 ++--
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/components/RoomHeader/RoomHeader.css b/src/components/RoomHeader/RoomHeader.css
index f854dd6..654be75 100644
--- a/src/components/RoomHeader/RoomHeader.css
+++ b/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 
-  }
\ No newline at end of file
+    .timer-btn {
+      margin: 0
+    }
\ No newline at end of file
diff --git a/src/components/RoomHeader/RoomHeader.js b/src/components/RoomHeader/RoomHeader.js
index b32df1a..8495254 100644
--- a/src/components/RoomHeader/RoomHeader.js
+++ b/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")}