Update style.css

style.css

@@ -14,7 +14,25 @@ body {
   min-height: 100vh;
   color: #333;
   position: relative;
-  padding-top: 20px; /* Menambahkan ruang untuk header */
+  padding-top: 40px; /* Memberikan ruang pada bagian atas untuk header */
+}
+
+header {
+  width: 100%;
+  text-align: center;
+  padding: 20px;
+  background-color: #ffffff;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  position: absolute; /* Agar header tetap di atas */
+  top: 0;
+  left: 0;
+  z-index: 100;
+}
+
+header h1 {
+  font-size: 2rem;
+  color: #2D3A3A;
+  font-weight: 600;
 }
 
 .container {
@@ -25,15 +43,8 @@ body {
   width: 100%;
   max-width: 600px;
   text-align: center;
-  position: relative;
-  margin-bottom: 20px;
-}
-
-h1 {
-  font-size: 2rem;
+  margin-top: 100px; /* Menambahkan jarak di atas container agar tidak tertutup header */
   margin-bottom: 20px;
-  color: #2D3A3A;
-  font-weight: 600;
 }
 
 input, select {
@@ -116,6 +127,8 @@ footer {
   color: #333;
   background-color: #fff;
   border-top: 1px solid #ddd;
+  position: fixed;
+  bottom: 0;
 }
 
 footer p {