Unified search bar, initial styling

styles/collapsible.css

@@ -0,0 +1,25 @@
+/* Style the button that is used to open and close the collapsible content */
+.collapsible {
+  background-color: #eee;
+  color: #444;
+  cursor: pointer;
+  padding: 18px;
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline: none;
+  font-size: 15px;
+}
+
+/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
+.active, .collapsible:hover {
+  background-color: #ccc;
+}
+
+/* Style the collapsible content. Note: hidden by default */
+.content {
+  padding: 0 18px;
+  display: none;
+  overflow: hidden;
+  background-color: #f1f1f1;
+}

styles/search_rich.css

@@ -0,0 +1,28 @@
+* {
+    text-align: left;
+    background-color: rgb(35, 35, 36);
+}
+
+@font-face {
+    font-family: Arizona-Regular;
+    src: url(./fonts/Arizonia-Regular.ttf);
+}
+
+@font-face {
+    font-family: Parisienne;
+    src: url(./fonts/Parisienne-Regular.ttf);
+}
+
+h1 {
+    background-color: aqua;
+    font-size: 50px;
+    text-align: center;
+    margin: auto;
+    font-family: Parisienne;
+}
+
+p {
+    color: bisque;
+    margin-top: 20px;
+    font-size: 20px;
+}