styling changes, styling clean-up

app/src/main/assets/app.html

@@ -55,7 +55,7 @@
 
 <div class="container">
     <div class="satstodollars">
-        <h1>Sats to fiat Calc</h1>
+        <h2>Sats to fiat Calc</h2>
         <label for="sats-input">Enter the amount of Bitcoin in satoshis:</label>
         <br>
         <input type="number" id="sats-input">

app/src/main/assets/style.css

@@ -1,36 +1,42 @@
 /* CSS styles for the Bitcoin Price Tracker */
 body {
-    margin: 0;
     padding-left: 20px;
     padding-right: 20px;
-    background: #202020;
-    color: #ffffff;
+    background: #151515;
     font-family: monospace, Arial;
-    font-size: 12px;
     overflow-x: hidden;
     text-align: center;
+    color: #f0f0f0;
 }
-
-h1 {
-    color: #f7931a;
-}
-
-a {
-    color: #ff7500;
-}
-
-a:hover {
-    color: rgb(149, 0, 207);
-}
-
 .container {
     width: auto;
     margin-top: 20px;
-    background-color: #282828;
-    border: 3px solid #ffffff;
+    background-color: #252525;
+    border: 3px solid #f7931a;
     border-radius: 8px;
     padding: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
     align-items: center; /* Center items vertically within the container */
     justify-content: center; /* Center items horizontally within the container */
+}
+
+h1 {
+    font-size: 30;
+    font-style: bolder;
+}
+h2 {
+    font-size: 20;
+    font-style: bolder;
+}
+h3 {
+    font-size: 10;
+    font-style: bold;
+}
+
+a {
+    color: #f7931a;
+}
+
+a:hover {
+    color: #8154e9;
 }

app/src/main/assets/styles/satsToFiat.css

@@ -10,7 +10,7 @@
     font-family: monospace;
     background: #101010;
     font-style: bolder;
-    color: #f7931a;
+    color: #fbc219;
     margin-right: 5px;
     padding-right: 5px;
     text-align: center;

app/src/main/assets/styles/settings.css

@@ -7,12 +7,8 @@
 .settings img {
     width: 25px;
     height: 25px;
-    margin-bottom: 20px;
-    margin-right: 10px; /* Add margin to separate cog image from dropdowns */
-}
-
-.cog-image {
-
+    margin-bottom: 40px;
+    margin-right: 20px; /* Add margin to separate cog image from dropdowns */
 }
 
 .theme-dropdown,
@@ -40,9 +36,3 @@
     font-family: monospace;
     color: #ffffff;
 }
-
-#currency-select img {
-    width: 70px;
-    height: 38px;
-    border-radius:2px
-}