diff --git a/site/css/default.css b/site/css/default.css
index aa03b14..4261327 100644
--- a/site/css/default.css
+++ b/site/css/default.css
@@ -163,6 +163,27 @@ article li {
   text-decoration: none;
 }
 
+.comicslink {
+  background-color: rgba(255, 255, 255, 0.8);
+  font-family: 'GrabsteinMedium';
+  font-weight: normal;
+  font-style: normal;
+  background-image: linear-gradient(black, black), url(../images/paper.jpg);
+  background-repeat: no-repeat;
+  /*background-size: cover;*/
+  /*background-attachment: fixed;*/
+  background-origin: padding-box;
+  background-clip: border-box;
+  background-position: center;
+  background-blend-mode: saturation;
+  color: black;
+}
+
+.comicslink > a, .comicslink > a:link, .comicslink > a:visited {
+  color: black;
+  text-decoration: none;
+}
+
 .sidebar {
   grid-area: nav;
 }
diff --git a/site/css/font.css b/site/css/font.css
index deabfa8..1e292e4 100644
--- a/site/css/font.css
+++ b/site/css/font.css
@@ -25,3 +25,10 @@
   font-weight: normal;
   font-style: normal;
 }
+
+@font-face {
+  font-family: 'GrabsteinMedium';
+  src: url('/font/Grabstein.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
diff --git a/site/font/Grabstein.ttf b/site/font/Grabstein.ttf
new file mode 100644
index 0000000..711b3a1
Binary files /dev/null and b/site/font/Grabstein.ttf differ
diff --git a/site/images/paper.jpg b/site/images/paper.jpg
new file mode 100644
index 0000000..fbffa48
Binary files /dev/null and b/site/images/paper.jpg differ
diff --git a/templates/default.html b/templates/default.html
index 988abf3..08d669f 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -55,6 +55,9 @@
         <li class="portfoliolink rider">
           <a href="https://art.nek0.eu/">Art Gallery</a>
         </li>
+        <li class="comicslink rider">
+          <a href="https://comics.nek0.eu/">Comics</a>
+        </li>
       </ul>
       <hr>
     </header>