Update style.css

style.css

@@ -48,9 +48,9 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
-    max-width: 600px; /* Lebar kontainer diperpanjang */
+    max-width: 800px; /* Perpanjang lebar kontainer */
     margin: 0 auto;
-    padding: 20px;
+    padding: 40px;
     border-radius: 12px;
     border: 2px solid #ccc;
     background-color: #f8f8f8; /* Light gray background */
@@ -91,6 +91,7 @@ body {
     border: none;
     margin: 0 10px;
     transition: background-color 0.3s;
+    font-size: 20px; /* Modern font size */
 }
 
 #swap-btn:hover {
@@ -141,7 +142,7 @@ body {
     background-color: #e0e0e0; /* Gray */
     padding: 20px;
     margin: 10px;
-    width: 200px;
+    width: 220px; /* Memperbesar kotak */
     border-radius: 8px;
     text-align: center;
 }