Add a footer

webclient/src/light.css

@@ -1,17 +1,26 @@
 html, body {
 	font-size: 16px;
+	height: 100%;
+	margin: 0;
 }
 
 body {
+	background: black;
 	overflow-y: scroll;
 }
 
+#root {
+	position: relative;
+	height: 100%;
+	margin: 0;
+}
+
 .header {
 	padding-top: 1.5rem;
 	margin-bottom: 1.5rem;
 }
 
-.header .logo {
+.header .logo-long {
 	max-width: 100%;
 	height: 2rem;
 	display: block;
@@ -44,3 +53,49 @@ body {
 	max-width: 100%;
 	height: auto;
 }
+
+.content-wrap {
+	min-height: 100%;
+	background: white;
+}
+
+.content-wrap-inside {
+	padding-bottom: 24rem;
+}
+
+.footer {
+	margin-top: -20rem;
+
+	background: black;
+	color: white;
+}
+
+.footer .container {
+	padding-top: 3rem;
+	padding-bottom: 3rem;
+}
+
+.footer p {
+	color: white;
+}
+
+.footer .logo {
+	filter: invert(100%);
+	height: 1.5rem;
+}
+
+.footer a {
+	color: white;
+	outline: 0;
+}
+
+.footer .text a {
+	border-bottom: 1px solid #ddd;
+	padding-bottom: 2px;
+}
+
+.footer i {
+	margin-top: 3px;
+	margin-left: -3.5px;
+	margin-right: 0.5em;
+}