diff --git a/layouts/home.shtml b/layouts/home.shtml
index cf6c60a..bfd3db3 100644
--- a/layouts/home.shtml
+++ b/layouts/home.shtml
@@ -2,7 +2,9 @@
 
 <title id="title" :text="$page.title.suffix(' | ', $site.title)"></title>
 
+<nav id="nav"></nav>
+
 <main id="main">
-  <h1 :text="$page.title"></h1>
-  <div :html="$page.content()"></div>
+	<h1 :text="$page.title"></h1>
+	<div :html="$page.content()"></div>
 </main>
diff --git a/layouts/index.shtml b/layouts/index.shtml
index f26ce88..3cbae10 100644
--- a/layouts/index.shtml
+++ b/layouts/index.shtml
@@ -2,6 +2,8 @@
 
 <title id="title" :text="$page.title.suffix(' | ', $site.title)"></title>
 
+<nav id="nav"></nav>
+
 <main id="main">
 	<h1 :text="$page.title"></h1>
 	<div :html="$page.content()"></div>
diff --git a/layouts/note.shtml b/layouts/note.shtml
index 3a1102d..34f6f15 100644
--- a/layouts/note.shtml
+++ b/layouts/note.shtml
@@ -2,26 +2,28 @@
 
 <title id="title" :text="$page.title.suffix(' | ', $site.title)"></title>
 
+<nav id="nav"></nav>
+
 <main id="main">
-  <h1 :text="$page.title"></h1>
-  <h5>
-    Created on:
-    <span :text="$page.date.format('2006-01-02')">
-    </span>
-  </h5>
-  <div :html="$page.content()"></div>
-  <ctx :if="$page.footnotes?()">
-    <div class="footnotes">
-      <ol :loop="$if">
-        <li id="$loop.it.def_id">
-          <div class="footnote"><ctx :html="$loop.it.html()"></ctx></div>
-          <ctx :loop="$loop.it.ref_ids">
-            <div class="back">
-              <a href="$loop.it.prefix('#')"><i class="ph-bold ph-arrow-up"></i>Back</a>
-            </div>
-          </ctx>
-        </li>
-      </ol>
-    </div>
-  </ctx>
+	<h1 :text="$page.title"></h1>
+	<h5>
+		Created on:
+		<span :text="$page.date.format('2006-01-02')">
+		</span>
+	</h5>
+	<div :html="$page.content()"></div>
+	<ctx :if="$page.footnotes?()">
+		<div class="footnotes">
+			<ol :loop="$if">
+				<li id="$loop.it.def_id">
+					<div class="footnote"><ctx :html="$loop.it.html()"></ctx></div>
+					<ctx :loop="$loop.it.ref_ids">
+						<div class="back">
+							<a href="$loop.it.prefix('#')"><i class="ph-bold ph-arrow-up"></i>Back</a>
+						</div>
+					</ctx>
+				</li>
+			</ol>
+		</div>
+	</ctx>
 </main>
diff --git a/layouts/snippet.shtml b/layouts/snippet.shtml
index 5e2b31a..1448255 100644
--- a/layouts/snippet.shtml
+++ b/layouts/snippet.shtml
@@ -2,28 +2,33 @@
 
 <title id="title" :text="$page.title.suffix(' | ', $site.title)"></title>
 
-<main id="main">
+<nav id="nav">
 	<a href="/snippets" class="back"><i class="ph-bold ph-arrow-left"></i>Back</a>
+</nav>
+
+<main id="main">
+	<div class="snippets">
 
-	<h1 :text="$page.title"></h1>
-	<h5>
-		Created on:
-		<span :text="$page.date.format('2006-01-02')">
-		</span>
-	</h5>
-	<div :html="$page.content()"></div>
-	<ctx :if="$page.footnotes?()">
-		<div class="footnotes">
-			<ol :loop="$if">
-				<li id="$loop.it.def_id">
-					<div class="footnote"><ctx :html="$loop.it.html()"></ctx></div>
-					<ctx :loop="$loop.it.ref_ids">
-						<div class="back">
-							<a href="$loop.it.prefix('#')"><i class="ph-bold ph-arrow-up"></i>Back</a>
-						</div>
-					</ctx>
-				</li>
-			</ol>
-		</div>
-	</ctx>
+		<h1 :text="$page.title"></h1>
+		<h5>
+			Created on:
+			<span :text="$page.date.format('2006-01-02')">
+			</span>
+		</h5>
+		<div :html="$page.content()"></div>
+		<ctx :if="$page.footnotes?()">
+			<div class="footnotes">
+				<ol :loop="$if">
+					<li id="$loop.it.def_id">
+						<div class="footnote"><ctx :html="$loop.it.html()"></ctx></div>
+						<ctx :loop="$loop.it.ref_ids">
+							<div class="back">
+								<a href="$loop.it.prefix('#')"><i class="ph-bold ph-arrow-up"></i>Back</a>
+							</div>
+						</ctx>
+					</li>
+				</ol>
+			</div>
+		</ctx>
+	</div>
 </main>
diff --git a/layouts/templates/root.shtml b/layouts/templates/root.shtml
index 4607363..f646c1e 100644
--- a/layouts/templates/root.shtml
+++ b/layouts/templates/root.shtml
@@ -19,6 +19,7 @@
 	</head>
 	<body>
 		<header></header>
+		<nav id="nav"><super></nav>
 		<content>
 			<main id="main">
 				<super>
diff --git a/style/content/figures.scss b/style/content/figures.scss
index 6e81eff..a0a4e5a 100644
--- a/style/content/figures.scss
+++ b/style/content/figures.scss
@@ -1,21 +1,24 @@
 figure {
-    width: var(--content-max-width);
+    max-width: var(--content-max-width);
     overflow-y: auto;
     text-align: center;
     margin: 1em 0;
 
-    img {
+    > * {
         max-width: var(--content-max-width);
+        width: 90%;
         height: auto;
+    }
+
+    img {
+        resize: "horizontal";
         object-fit: scale-down;
-        color: var(--text-color);
     }
 
     svg {
         overflow: hidden;
         resize: "horizontal";
-        max-width: var(--content-max-width);
-        height: auto;
+
         color: var(--text-color);
     }
 }
diff --git a/style/content/footnotes.scss b/style/content/footnotes.scss
index ba9362c..5d1ae65 100644
--- a/style/content/footnotes.scss
+++ b/style/content/footnotes.scss
@@ -1,9 +1,13 @@
-.back {
-    text-decoration: none;
+.footnotes {
+    .back {
+        a {
+            text-decoration: none;
+        }
 
-    .ph-bold {
-        font-size: 32px;
-        position: relative;
-        top: 2px;
+        .ph-bold {
+            font-size: 32px;
+            position: relative;
+            top: 2px;
+        }
     }
 }
diff --git a/style/content/navigation.scss b/style/content/navigation.scss
new file mode 100644
index 0000000..bf1d090
--- /dev/null
+++ b/style/content/navigation.scss
@@ -0,0 +1,13 @@
+nav {
+    margin: 0.25em 1em -1em 1em;
+
+    .back {
+        text-decoration: none;
+
+        .ph-bold {
+            font-size: 32px;
+            position: relative;
+            top: 2px;
+        }
+    }
+}
diff --git a/style/content/text.scss b/style/content/text.scss
index 5c7e4fd..db84372 100644
--- a/style/content/text.scss
+++ b/style/content/text.scss
@@ -1,4 +1,5 @@
-content {
+content,
+nav {
     font-family: "Andada Pro";
     font-size: var(--font-size);
     font-weight: var(--normal-weight);
diff --git a/style/index.scss b/style/index.scss
index 4451868..0ff6e2b 100644
--- a/style/index.scss
+++ b/style/index.scss
@@ -14,4 +14,5 @@
 @use "content/figures.scss";
 @use "content/footnotes.scss";
 @use "content/footer.scss";
+@use "content/navigation.scss";
 @use "content/table.scss";
