Design

Some design stuff.

frontend/src/main.less

@@ -51,6 +51,16 @@ body, @{inputs}, @{buttons} {
 
 @{inputs} {
 	padding: .2rem .3rem;
+	&.error {
+		border-color: red;
+	}
+}
+
+.input-error {
+	width: 100%;
+	font-size: .875em;
+	color: red;
+	grid-column-start: 2;
 }
 
 @{buttons} {
@@ -287,3 +297,39 @@ main {
 		display: none;
 	}
 }
+
+.flash {
+	border: 1px solid transparent;
+	border-radius: 4px;
+	padding: 0.5rem 1rem;
+
+	position: relative;
+
+	.flash-background {
+		opacity: 0.5;
+		z-index: -1;
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
+	}
+
+	&.flash-error {
+		border-color: red;
+		.flash-background {
+			background-color: red;
+		}
+	}
+
+	&.flash-message {
+		border-color: var(--accent2);
+		.flash-background {
+			background-color: var(--accent2);
+		}
+	}
+
+	& > div {
+		opacity: 1;
+	}
+}