Improve zone error message

assets/css/styles.css

@@ -180,6 +180,18 @@ d-zone:not(:last-of-type):after {
 	}
 }
 
+/* Error container */
+d-zoneerror {
+	flex: 1 1 0;
+
+	display: block;
+	margin-top: 2rem;
+	margin-bottom: 2rem;
+	text-align: center;
+	color: rgb(255, 127, 127);
+	color: color(display-p3 1.0 0.5 0.5);
+}
+
 /* Left container */
 d-zoneinfo {
 	flex: 1 1 0;

templates/index.html

@@ -19,7 +19,7 @@
 				{{with resolveZone $app .}}
 					{{if .Error}}
 						<d-zoneerror>
-							Unable to load zone "{{$zoneName}}". The URL path might not be valid
+							Unable to load zone "{{$zoneName}}". The zone could be invalid
 						</d-zoneerror>
 					{{else}}
 						{{$zt := $t.In .Location}}