Update style.css

style.css

@@ -8,9 +8,10 @@ body {
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   background: linear-gradient(135deg, #F3F4F9, #C9D6E3);
   display: flex;
-  justify-content: center;
+  flex-direction: column; /* Menyusun elemen secara vertikal */
+  justify-content: flex-start; /* Pastikan konten dimulai dari atas */
   align-items: center;
-  height: 100vh;
+  min-height: 100vh; /* Agar tinggi halaman memenuhi layar */
   color: #333;
   position: relative;
 }
@@ -24,7 +25,7 @@ body {
   max-width: 600px;
   text-align: center;
   position: relative;
-  margin: 0 20px;
+  margin-bottom: 20px; /* Tambahkan jarak agar footer tidak tumpang tindih */
 }
 
 h1 {
@@ -108,13 +109,15 @@ button:hover {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
-/* Mengatur footer agar berada di bawah konten */
+/* Footer - Letakkan di bawah */
 footer {
+  width: 100%;
   text-align: center;
-  margin-top: 20px;
   padding: 10px 0;
   font-size: 14px;
   color: #333;
+  background-color: #fff;
+  border-top: 1px solid #ddd; /* Memberikan garis pembatas */
 }
 
 footer p {