Update style.css

style.css

@@ -7,12 +7,13 @@
 
 body {
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-  background: #87CEEB; /* Warna biru laut */
+  background: #001F3F; /* Background biru tua */
   display: flex;
   justify-content: center;
-  align-items: center;
-  height: 100vh;
+  align-items: flex-start; /* Posisi atas */
+  min-height: 100vh;
   padding: 20px;
+  overflow-y: auto; /* Mengaktifkan scroll vertikal */
 }
 
 .container {
@@ -22,6 +23,7 @@ body {
   padding: 40px; /* Padding lebih besar */
   width: 100%;
   max-width: 600px; /* Lebih besar */
+  margin-bottom: 20px; /* Jarak antar container */
 }
 
 header h1 {
@@ -68,7 +70,9 @@ input {
 .swap-group {
   display: flex;
   justify-content: center;
-  margin: 20px 0;
+  margin: -40px 0 20px 0; /* Geser tombol swap ke atas container */
+  position: relative; /* Agar posisi tetap di atas */
+  z-index: 1; /* Prioritaskan swap button di atas */
 }
 
 #swapButton {