Update style.css

style.css

@@ -57,12 +57,18 @@ input {
   margin-bottom: 20px;
 }
 
-.currency-group {
-  flex: 1;
+.input-group select {
+  padding: 12px;
+  font-size: 14px;
+  border-radius: 8px;
+  border: 1px solid #ccc;
+  width: 100%;
 }
 
-.currency-group:not(:last-child) {
-  margin-right: 10px;
+.swap-group {
+  display: flex;
+  justify-content: center;
+  margin: 10px 0;
 }
 
 #swapButton {
@@ -73,21 +79,22 @@ input {
   padding: 10px;
   cursor: pointer;
   font-size: 18px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
 }
 
 #swapButton:hover {
   background-color: #f1f1f1;
 }
 
-select {
-  padding: 12px;
-  font-size: 14px;
+.result-box {
+  margin-top: 20px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  background-color: #f8f8f8;
+  padding: 15px;
   border-radius: 8px;
-  border: 1px solid #ccc;
-  width: 100%;
+  text-align: center;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
 button[type="submit"] {
@@ -105,18 +112,6 @@ button[type="submit"]:hover {
   background-color: #0056b3;
 }
 
-.result-box {
-  margin-top: 20px;
-  font-size: 16px;
-  font-weight: bold;
-  color: #333;
-  background-color: #f8f8f8;
-  padding: 15px;
-  border-radius: 8px;
-  text-align: center;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-
 footer {
   margin-top: 20px;
   font-size: 14px;