Add post voting

static/global.css

@@ -1,3 +1,7 @@
+body {
+	background-color: #282a36;
+}
+
 main {
 	width: 600px;
 	margin: auto;
@@ -5,22 +9,39 @@ main {
 
 nav {
 	overflow: auto;
-	background: #fab8b8;
-	border: 1px solid #c16464;
-	border-radius: 3px;
 	margin-bottom: 10px;
 }
+
 nav table {
 	float: left;
 	border-collapse: collapse;
 }
+
 nav table:last-child {
 	float: right;
 }
+
 nav table td {
 	padding: 10px;
 }
 
+nav table td a {
+	color: white;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+	text-decoration: none;
+}
+
+::backdrop {
+	background-image: linear-gradient(
+		45deg,
+		magenta,
+		rebeccapurple,
+		dodgerblue,
+		green
+	);
+	opacity: 0.75;
+}
+
 form {
 	width: calc(100% - 20px);
 	padding: 10px;
@@ -29,6 +50,7 @@ form {
 	border-radius: 3px;
 	border: 1px solid #76c97d;
 }
+
 form input,
 form textarea {
 	width: 100%;
@@ -37,18 +59,33 @@ form textarea {
 	border-radius: 3px;
 	border: 1px solid #76c97d;
 }
+
 form input:last-child,
 form textarea:last-child {
 	margin-bottom: 0;
 }
+
 form textarea {
 	height: 150px;
 }
+
 form input[type=submit] {
 	width: 200px;
 	float: right;
 }
 
+#login-error-message {
+	padding: 10px;
+	background: white;
+	border: 1px solid red;
+	border-radius: 3px;
+	margin-bottom: 10px;
+}
+
+#login-error-message:empty {
+	display: none;
+}
+
 .user-preview {
 	margin-top: 10px;
 	padding: 10px;
@@ -59,8 +96,49 @@ form input[type=submit] {
 
 .post-preview {
 	margin-top: 10px;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+}
+
+.post-preview-title {
+	margin: 10px;
+}
+
+.post-preview-title a {
+	color: white;
+	font-size: 30px;
+	text-decoration: none;
+}
+
+.post-preview-details {
+	border-top: 1px solid #ccc;
+}
+
+.post-preview-details table {
+	border-collapse: collapse;
+}
+
+.post-preview-details table td {
+	border-right: 1px solid #ccc;
+	padding: 10px;
+}
+
+.post-preview-details span,
+.post-preview-details a {
+	color: #ccc;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+}
+
+.post {
+	padding: 10px;
+	background: white;
+	border-radius: 3px;
+	margin-top: 10px;
+}
+
+.comment {
 	padding: 10px;
 	background: #ccd6fb;
-	border: 1px solid #6478c1;
 	border-radius: 3px;
+	margin-top: 10px;
 }