fixed fiat forms bug, needs alot of visual work

css/main.css

@@ -163,6 +163,3 @@ body{
 body, html{
     height: 100%;
 }
-
-
-/* Below is for subscribe.html as it doesn't impact index.html*/

fiat.html

@@ -22,50 +22,51 @@
       <h3 class="masthead-brand">XCHANGE</h3>
       <nav class="nav nav-masthead justify-content-center">
         <a class="nav-link" href="index.html">Home</a>
-        <a class="nav-link active" href="fiat.html">Fiat</a>
-        <a class="nav-link" href="crypto.html">Crypto</a>
+        <a class="nav-link" href="fiat.html">Fiat</a>
+        <a class="nav-link active" href="crypto.html">Crypto</a>
         <a class="nav-link" href="charts.html">Charts</a>
         <a class="nav-link" href="subscribe.html">Subscribe</a>
       </nav>
     </div>
   </header>
     <br> <br> <br>
-    <div class="card 1">
-      <div class="card card 1">
+    <div class="card">
+      <div class="card-body">
         <div class="form-group">
           <label for="FormControlSelect1">Convert From</label>
           <br>
-            <select class="input--style-3" id="FormControlSelect1">
+            <select class="form-control" id="FormControlSelect1">
               <option>USD</option>
               <option>EUR</option>
-              <option>GBP</option>
-              <option>NOK</option>
-              <option>SEK</option>
               <option>CHF</option>
+              <option>NOK</option>
+              <option>GBP</option>
               <option>AED</option>
+              <option>SEK</option>
                 </select>
           </div>
-        <input type="number" class="input--style-3 form-control-lg mx-3" value="">
+        <input type="number" class="form-control form-control-lg mx-3" value="">
           <div class="form-group">
             <br> <br>
             <label for="FormControlSelect1">To</label>
             <br>
-              <select class="input--style-3" id="FormControlSelect1">
+              <select class="form-control" id="FormControlSelect1">
                 <option>USD</option>
                 <option>EUR</option>
-                <option>GBP</option>
-                <option>NOK</option>
-                <option>SEK</option>
                 <option>CHF</option>
+                <option>NOK</option>
+                <option>GBP</option>
                 <option>AED</option>
+                <option>SEK</option>
                 </select>
         </div>
         <input type="number" class="form-control form-control-lg mx-3" value="">
         <br> <br>
-        <div class="p-t-10">
-          <button class="btn btn--pill btn--green" type="submit">Convert!</button>
+        <div class="btn">
+          <button class="btn btn--pill" type="submit">Convert!</button>
         </div>
       </div>
   </div>
+ 
   </body>
   </html>
\ No newline at end of file