Footer & UI changes; authorship

output/css/common.css

@@ -0,0 +1,21 @@
+:root {
+	--primary-color:					hsl(0, 0%, 100%);
+	--secondary-color:					hsl(0, 0%, 0%);
+	--secondary-color-heading:			hsl(0, 0%, 17%);
+	--secondary-color-shaded:			hsl(0, 0%, 9%);
+	--anchor-color:						hsl(210, 100%, 60%);
+	--color-http:						hsl(0, 0%, 17%);
+	--color-https:						hsl(195, 53%, 21%);
+}
+
+#toggle-theme-switch:checked ~ #theming-root {
+	--primary-color:					hsl(0, 0%, 0%);
+	--secondary-color:					hsl(0, 0%, 100%);
+	--secondary-color-heading:			hsl(0, 0%, 83%);
+	--secondary-color-shaded:			hsl(0, 0%, 91%);
+	--anchor-color:						hsl(210, 100%, 40%);
+	--color-http:						hsl(0, 0%, 83%);
+	--color-https:						hsl(195, 53%, 79%);
+}
+
+:root { text-underline-offset: 0.2em; }

output/css/footer.css

@@ -0,0 +1,43 @@
+footer, aside {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	max-width: 100%;
+	text-align: center;
+	font-size: 0.85em;
+}
+
+aside:not(#summary):first-of-type {
+	margin-top: 2em;
+	padding-top: 2em;
+	border-top: 1px var(--primary-color) solid;
+}
+
+aside p {
+	max-width: 40em;
+	margin: .5em;
+	text-align: center;
+}
+
+footer:first-of-type {
+	margin-block-start: 1em;
+}
+
+.footer__nav-target {
+	display: inline-block;
+	padding: .5em;
+	margin-inline: .1em;
+	margin-block: .1em;
+	min-width: 3em;
+	white-space: nowrap;
+}
+
+#more-sites-info-button {
+	font-size: 1.25em;
+}
+
+#footer__author {
+	align-self: flex-end;
+	padding: 0em 2em;
+}
+