Added user sign up and login.

assets/css/_inputs.scss

@@ -1,11 +1,15 @@
 .input {
 	box-sizing: border-box;
 	padding: .5rem;
-	border: solid 1px var(--shadow-weak);
+	border: solid 1px var(--shadow-hint);
 	color: var(--shadow-strong);
 	background: var(--background);
 	font-size: 1rem;
 
+	&:focus {
+		border: solid 1px var(--primary);
+	}
+
 	&::-webkit-calendar-picker-indicator {
 		opacity: .5;
 	}
@@ -20,6 +24,35 @@
     cursor: pointer;
 }
 
+.button {
+	border: none;
+	background: none;
+	padding: .5rem;
+	font-weight: bold;
+
+	&:hover {
+		cursor: pointer;
+	}
+}
+
+.button-primary {
+	color: var(--text-light);
+	background: var(--primary);
+
+	&:hover {
+		background: var(--primary-strong);
+	}
+}
+
+.button-secondary {
+	color: var(--primary);
+
+	&:hover {
+		color: var(--highlight-strong);
+		background: var(--primary);
+	}
+}
+
 .album-toggle {
 	height: fit-content;
 	display: inline-flex;

assets/css/_theme.scss

@@ -36,6 +36,7 @@ $breakpoint4: 1500px;
     --female: #f0a;
 
     --alert: #f00;
+    --error: #f00;
     --warn: #fa0;
     --success: #5c2;
 
@@ -58,6 +59,7 @@ $breakpoint4: 1500px;
     --tile: #2a2a2a;
 
     --link: #dd6688;
+    --link-external: #48f;
     --empty: #333;
 
 	--crease: #eaeaea;

assets/css/style.scss

@@ -44,3 +44,12 @@ body {
         fill: var(--primary);
     }
 }
+
+.link {
+	color: var(--link);
+	text-decoration: none;
+}
+
+.link-external {
+	color: var(--link-external);
+}