Update style.css

style.css

@@ -8,7 +8,8 @@ body {
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   background: linear-gradient(135deg, #F3F4F9, #C9D6E3);
   display: flex;
-  justify-content: center;
+  flex-direction: column;  /* Menambahkan flex-direction column untuk memastikan footer di bawah */
+  justify-content: flex-start;
   align-items: center;
   height: 100vh;
   color: #333;
@@ -25,7 +26,7 @@ body {
   text-align: center;
   position: relative;
   margin: 0 20px;
-  padding-bottom: 80px;  /* Menambah ruang bawah di container agar footer tidak terlalu mepet */
+  flex-grow: 1;  /* Memberikan ruang untuk footer agar berada di bawah konten */
 }
 
 h1 {
@@ -116,8 +117,8 @@ footer {
   text-align: center;
   padding: 30px 0;  /* Menambahkan jarak atas dan bawah lebih besar untuk footer */
   font-size: 16px;
-  position: relative;
   margin-top: 40px;  /* Memberikan jarak antara footer dan konten */
+  width: 100%;  /* Memastikan footer mengambil lebar penuh */
 }
 
 /* Watermark dengan Copyright */