diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..c7e9c14
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,3 @@
+<footer>
+	<a href='/'>Home</a> - <a href='https://git.bune.city/lynnesbian/recipe-site'>Git</a>
+</footer>
diff --git a/_layouts/default.html b/_layouts/default.html
index 169381b..ca20162 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -8,7 +8,12 @@
 </head>
 
 <body>
-	{{ content }}
+	<div>
+		{{ content }}
+	</div>
+
+	{%- include footer.html -%}
+
 </body>
 
 </html>
diff --git a/_layouts/recipe.html b/_layouts/recipe.html
index 2764ecf..704f753 100644
--- a/_layouts/recipe.html
+++ b/_layouts/recipe.html
@@ -14,7 +14,7 @@ layout: default
 {%- endfor -%}
 
 <h1>{{ page.name }}</h1>
-<p> {{ page.method.size }} steps - Estimated cooking time: {{ page.time | default: "Not provided" }}</p>
+<p class='subtle'> {{ page.method.size }} steps - Estimated cooking time: {{ page.time | default: "Not provided" }}</p>
 {%- if applicable_subrecipes %}
 	<h2> Subrecipes </h2>
 	{% for subrecipe in site.subrecipes -%}
diff --git a/style.css b/style.css
index 6ad03a4..71e9d3d 100644
--- a/style.css
+++ b/style.css
@@ -1,8 +1,16 @@
 body {
-	font-family: sans-serif;
+	font-family: "DejaVu Sans", "Bitstream Vera Sans", "Helvetica", "Roboto", sans-serif;
+	display: flex;
+	flex-direction: column;
+	min-height: 100vh;
+	background: #fafafa;
 }
+body div {
+	flex-grow: 1;
+}
+
 .subrecipe {
-	background-color: #eee;
+	background: #eee;
 	padding: 5px;
 }
 .subrecipe h3 {
@@ -23,3 +31,12 @@ ul, ol {
 	list-style-position: inside;
 	padding-left: 10px;
 }
+
+footer {
+	text-align: center;
+	margin: 20px auto;
+}
+footer, .subtle {
+	color: grey;
+	font-style: italic;
+}
