Update style.css

style.css

@@ -1,25 +1,30 @@
 body {
-  font-family: 'Segoe UI', sans-serif;
-  background: #101010;
-  color: #fff;
-  margin: 0;
-  padding: 1.5em;
+    background-color: #0f0f0f;
+    color: #fff;
+    font-family: 'Segoe UI', sans-serif;
+    padding: 2em;
 }
 header {
-  text-align: center;
-  background: #1e1e1e;
-  padding: 2em;
+    text-align: center;
+    margin-bottom: 2em;
+}
+input {
+    padding: 0.5em;
+    width: 60%;
+    margin-right: 1em;
 }
 button {
-  padding: 10px 20px;
-  font-size: 1em;
-  background-color: #0ff;
-  color: black;
-  border: none;
-  border-radius: 4px;
+    padding: 0.6em 1.2em;
+    background: #00ffff;
+    border: none;
+    color: #000;
+    font-weight: bold;
+    cursor: pointer;
 }
 pre {
-  background: #222;
-  padding: 1em;
-  font-family: monospace;
+    background: #1e1e1e;
+    padding: 1em;
+    margin-top: 1em;
+    max-height: 300px;
+    overflow-y: auto;
 }