Make text box and dropdown lighter on hover and unify mobile box

diff --git a/index.html b/index.html
index 95355e36bc09230d1fb7561138866a7edefce128..1fac6abb8a81264cf950d4a1fa1f3e3830e1f8a4 100644 (file)
--- a/index.html
+++ b/index.html
@@ -72,20 +72,26 @@
                                        padding: 30px 0 20px 0 !important;
                                }
                                .text-box {
-                                       background: #3B6367;
-                                       border: none;
-                                       color: white;
                                        font-size: 1.5em;
                                }
                                .bitcoin { font-size: 1.5em; }
                                .go-button { height: 2em !important; }
                                .dropdown {
-                                       background: #3B6367;
-                                       border: none;
-                                       color: white;
                                        font-size: 12pt;
                                }
                        }
+                       .text-box, .dropdown {
+                               background: transparent;
+                               border: none;
+                               color: white;
+                       }
+                       .text-box:hover, .dropdown:hover {
+                               background-color: rgba(255, 255, 255, 0.05);
+                       }
+                       .text-box:focus-visible {
+                               outline: none;
+                               background-color: rgba(255, 255, 255, 0.1);
+                       }
                        .bitcoin { color: #80A0A0; }
                        .go-button { height: 1.5em; }
                        .right-header {