make the error message appear smoothly

diff --git a/icedeb.css b/icedeb.css
index a5ead515e6e47947e1ddb905ddc17343518249db..0aed167bd018d8db79551164d9abf1166fd3bca1 100644 (file)
--- a/icedeb.css
+++ b/icedeb.css
@@ -34,3 +34,16 @@ body { padding: 1ex; }
 }
 .hidden { display: none; }
 a, a:visited { color: blue; }
+#error {
+  display: block;
+  background: hsl(48.2,100%,90%);
+  visibility: visible;
+  opacity: 1;
+  transition: visibility 250ms, opacity 250ms;
+}
+#error.hidden {
+  display: block;
+  visibility: hidden;
+  opacity: 0;
+  transition: none;
+}