more WIP

reagent-test/public/css/site.css

@@ -1,5 +1,7 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
+
 body {
-  font-family: 'Helvetica Neue', Verdana, Helvetica, Arial, sans-serif;
+  font-family: 'Inter', sans-serif;
   max-width: 600px;
   margin: 0 auto;
   padding-top: 72px;
@@ -42,6 +44,40 @@ a:hover {
   position: absolute;
 }
 
-.menu-item {
+.menu-dropdown-item {
   width: 5rem;
 }
+
+.menu-button {
+  font-size: 12pt;
+  background-color: #efefef;
+  border-color: black;
+  border-width: 1px;
+}
+
+.menu-button:hover {
+  background-color: #dedede;
+}
+
+.searchbar {
+  font-size: 14pt;
+  padding: 2px 8px;
+}
+
+.searchbar:focus {
+  outline: #000;
+  outline-width: 4px;
+}
+
+.button-primary {
+  border-radius: 6px;
+  border: none;
+  padding: 6px 10px;
+  background-color: black;
+  color: white;
+  font-weight: 600;
+}
+.button-primary:hover {
+  background-color: #353535;
+  cursor: pointer;
+}