diff --git a/gameboard b/gameboard
new file mode 100644
index 0000000..659c7fa
--- /dev/null
+++ b/gameboard
@@ -0,0 +1,17 @@
+    .header {
+      /* layout header */
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 6px 10px;
+      width: 100%;
+      box-sizing: border-box;
+
+      /* glass style */
+      background: rgba(255, 255, 255, 0.25);
+      backdrop-filter: blur(14px);
+      border-top: 2px solid rgba(255, 255, 255, 0.4);
+      border-bottom: 2px solid rgba(255, 255, 255, 0.4);
+
+      /* nested element styling */
+    }
\ No newline at end of file
diff --git a/gameboard.html b/gameboard.html
index b4da2b0..a7609c2 100644
--- a/gameboard.html
+++ b/gameboard.html
@@ -3,9 +3,24 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Memory Card</title>
+    <link rel="stylesheet" href="">
 </head>
 <body>
-    test
+    <div id = "container"> 
+        <div class="header">
+              <div class="right-info">
+            <div class="pill">
+            <span class="icon">⏱</span> 60s
+            </div>
+            <div class="pill">
+            <span class="icon">⭐</span> 0
+            </div>
+            <div class="pill">
+            <span class="icon">🎯</span> 0
+            </div>
+        </div>
+        </div>
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/login.html b/login.html
index d8ac1d7..a334bdc 100644
--- a/login.html
+++ b/login.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Login Page</title>
-  <link rel="stylesheet" href="style.css" />
+  <link rel="stylesheet" href="login.css" />
 </head>
 <body>
 
@@ -22,7 +22,6 @@
       <div class="icon-wrapper">
         <div class="icon-bg"></div>
         <div class="icon-circle">
-          <img src="login-icon.png" class="login-icon" />
         </div>
       </div>
 
diff --git a/mainboard.html b/mainboard.html
index e99b825..4867eca 100644
--- a/mainboard.html
+++ b/mainboard.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Memory Game</title>
-  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="mainboard.css">
 </head>
 
 <body>
@@ -13,7 +13,6 @@
     <!-- HEADER -->
     <header class="header glass">
       <div class="user-info">
-        <div class="user-icon">A</div>
         <div>
           <h2 id="username">Player</h2>
           <p id="role">🎮 Player</p>
@@ -28,7 +27,7 @@
 
     <!-- TITLE -->
     <div class="title">
-      <h1>🎮 Memory Card Game</h1>
+      <h1>🎮 Memory Flip Card Game</h1>
       <p>Pilih tingkat kesulitan untuk memulai permainan</p>
     </div>
 
