Update style.css

style.css

@@ -48,12 +48,12 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
-    max-width: 1000px; /* Perpanjang lebar kontainer */
+    max-width: 1000px;
     margin: 0 auto;
     padding: 40px;
     border-radius: 12px;
     border: 2px solid #ccc;
-    background-color: #f8f8f8; /* Light gray background */
+    background-color: #f8f8f8;
 }
 
 .currency-box input {
@@ -87,7 +87,7 @@ body {
     color: white;
     cursor: pointer;
     padding: 12px 20px;
-    border-radius: 50%; /* Bulat */
+    border-radius: 50%;
     border: none;
     transition: background-color 0.3s;
     font-size: 18px;
@@ -95,8 +95,8 @@ body {
     justify-content: center;
     align-items: center;
     margin: 0 10px;
-    height: 50px; /* Ukuran Tombol */
-    width: 50px;  /* Ukuran Tombol */
+    height: 50px;
+    width: 50px;
 }
 
 #swap-btn:hover {
@@ -138,16 +138,16 @@ body {
 
 .steps {
     display: flex;
-    justify-content: center;
+    justify-content: flex-end;
     margin-top: 20px;
     flex-wrap: wrap;
 }
 
 .step {
-    background-color: #e0e0e0; /* Gray */
+    background-color: #e0e0e0;
     padding: 20px;
     margin: 10px;
-    width: 300px; /* Memperbesar kotak */
+    width: 300px;
     border-radius: 8px;
     text-align: center;
 }
@@ -157,12 +157,12 @@ body {
 }
 
 .footer {
-    background-color: #666666; /* Dark Gray */
+    background-color: #666666;
     color: white;
     padding: 20px 0;
     text-align: center;
     margin-top: 40px;
-    border-top: 1px solid #fff; /* Subtle white border to separate footer */
+    border-top: 1px solid #fff;
 }
 
 .footer-content p {