Updated styling, formatting, structure of frontend

assets/css/empty.css

@@ -1,16 +1,32 @@
+
+/* Widget covers the whole page */
 #search-widget {
-    text-align: center;
-    margin: 20vh 0 50px 0;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  display: grid;
+  justify-content: center;
+  grid-gap: var(--gap);
+  top: 0;
+  left: 0;
+  pointer-events: none;
 }
 
-#logo > h1 {
-    font-size: 3.5em;
-    margin: 0;
-    padding: 0;
+.search-homepage {
+  display: grid;
+  grid-template-rows: 1fr 1fr;
 }
 
-@media screen and (max-width: 1500px) and (max-height: 1000px) {
-    #logo > h1 {
-      font-size: 10vmin;
-    }
+#search-widget > h1 {
+  align-self: flex-end;
+  font-size: 3em;
+  text-transform: uppercase;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+}
+
+.searchbar {
+	/* reset pointer events for interactive components */
+  pointer-events: initial;
 }