fix footer

_layouts/default.html

@@ -28,20 +28,29 @@
 		{{ content }}
 	</main>
 	<footer>
-		<div><p>{{ site.description }}</p></div>
-		<div>
-			<p>
-			Email: <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
-			<br>
+		<div class="container">
+			<div>
+				<p>{{ site.description }}</p>
+				<p>
+				Unless specified otherwise, all content is released under the
+				<a href="https://creativecommons.org/licenses/by-nc/4.0/">CC-BY-ND 4.0</a>
+				license.
+				</p>
+			</div>
+			<div>
+				<p>
+				Email: <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
+				<br>
 
-			Fediverse:
-			<a rel="me" href="https://{{ site.author.fedi.host }}/@{{ site.author.fedi.user }}">
-				@{{ site.author.fedi.user }}@{{ site.author.fedi.host }}
-			</a>
-			<br>
+				Fediverse:
+				<a rel="me" href="https://{{ site.author.fedi.host }}/@{{ site.author.fedi.user }}">
+					@{{ site.author.fedi.user }}@{{ site.author.fedi.host }}
+				</a>
+				<br>
 
-			<a href="/pgp.txt">PGP key</a>
-			</p>
+				<a href="/pgp.txt">PGP key</a>
+				</p>
+			</div>
 		</div>
 	</footer>
 </body>

_sass/style.scss

@@ -18,6 +18,24 @@ body {
 footer {
 	padding: 20px 0;
 	border-top: thin solid $color-primary;
+
+	.container {
+		max-width: $content-width;
+		margin: 0 auto;
+		display: flex;
+		flex-direction: horizontal;
+	}
+
+	.container > * {
+		flex: 1;
+		margin: 0 20px;
+	}
+}
+
+@media(max-width: 550px) {
+	footer .container {
+		display: block;
+	}
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -33,7 +51,7 @@ header h1 {
 
 main {
 	max-width: $content-width;
-	margin: 0 auto;
+	margin: 40px auto;
 	padding: 0 20px;
 }
 
@@ -48,11 +66,14 @@ article.feed-item {
 }
 
 article.feed-item:first-child {
-	margin-top: 40px;
+	margin-top: 0;
+	padding-top: 0;
 }
 
 article.feed-item:last-child {
 	border-bottom: 0;
+	margin-bottom: 0;
+	padding-bottom: 0;
 }
 
 a {