1 files changed, 24 insertions, 0 deletions
diff --git a/style/style.css b/style/style.css
index d1e1e72..0b0ef38 100644
--- a/style/style.css
+++ b/style/style.css
@@ -29,10 +29,34 @@ h1, #header {
   text-align: center;
 }
 
+@media only screen and (max-width: 75em) {
+  #searchbox input[type=text] { width: 45vw !important; }
+}
+
 #searchbox {
   text-align: center;
   font-size: 1em;
 }
+#searchbox input[type=text] {
+  width: 50em;
+  height: 2.5em;
+  box-sizing: border-box;
+  border: 3px solid #ccc;
+  border-right: none;
+  outline: none;
+}
+#searchbox input[type=text]:focus { background: #aaa; }
+#searchbox input[type=submit]:hover { background: #aaa; }
+#searchbox input[type=submit] {
+  width: 2.5em;
+  height: 2.5em;
+  font-weight: bold;
+  cursor: pointer;
+  margin: 0 1em 0 0;
+  background: #ccc;
+  border: 3px solid #ccc;
+  border-left: none;
+}
 
 #options { display: inline-block; }