search nw displays the search results.

other section are being hidden in the case of a search and vice versa.
a 'nothing found' div was implemented

src/main/resources/static/main.css

@@ -61,6 +61,37 @@ header {
     color: var(--text-color);
 }
 
+#nothing-found {
+    height: 60vh;
+    padding: 20vh 0;
+}
+
+#nothing-found-bg {
+    background: url("sad-looking-glass.svg") center no-repeat;
+    background-size: contain;
+    width: 100%;
+    height: 40vh;
+}
+
+#nothing-found-text {
+    text-align: center;
+}
+
+
+/*
+#search .datasets:empty {
+    background: url("sad-looking-glass.svg");
+    height: 7rem;
+    width: 7rem;
+    padding: var(--pad-main);
+}
+
+ */
+
+
+.hidden {
+    display: none;
+}
 #search-entry:focus-visible {
     outline: none;
 }
@@ -72,6 +103,10 @@ header {
     gap: 1rem;
 }
 
+
+
+
+
 @container (width < 60ch) {
     .datasets {
         grid-template-columns: 1fr;