restore splash overlay

1 files changed, 17 insertions, 0 deletions

diff --git a/public/app.css b/public/app.css
index acfa24a..111ae65 100644
--- a/public/app.css
+++ b/public/app.css
@@ -139,6 +139,23 @@ html, body {
   }
 }
 
+#splash {
+  position: fixed;
+  inset: 0;
+  z-index: 10;
+  display: grid;
+  place-content: center;
+  justify-items: center;
+  gap: 14px;
+  text-align: center;
+  background: var(--bg);
+  transition: opacity .4s, visibility .4s;
+}
+#splash.hide { opacity: 0; visibility: hidden; pointer-events: none; }
+#splash h1 { margin: 0; font-size: 44px; font-weight: 300; letter-spacing: .18em; }
+#splash h1 .dot { color: var(--ring); }
+#splash p { max-width: 34ch; color: var(--muted); margin: 0; font-size: 15px; line-height: 1.6; }
+
 #import-state {
   position: fixed;
   inset: 0;