diff --git a/_includes/base.html b/_includes/base.html
index f24dbc0..e24b361 100644
--- a/_includes/base.html
+++ b/_includes/base.html
@@ -10,6 +10,13 @@
     <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
 </head>
 <body>
+    <nav>
+      <a href="/">home</a>
+      <a href="/blog">blog</a>
+      <a href="/store">store</a>
+      <a href="https://git.astolfo.org">git</a>
+    </nav>
+
     <header>
       <h1 id="wave-text">
         <span style="animation-delay: 0.1s;">a</span><span style="animation-delay: 0.2s;">s</span><span style="animation-delay: 0.3s;">t</span><span style="animation-delay: 0.4s;">o</span><span style="animation-delay: 0.5s;">l</span><span style="animation-delay: 0.6s;">f</span><span style="animation-delay: 0.8s;">o</span><span style="animation-delay: 0.9s;">!</span>
diff --git a/bundle.css b/bundle.css
index f9db10a..e0b82a4 100644
--- a/bundle.css
+++ b/bundle.css
@@ -133,7 +133,23 @@ header a:hover {
  * nav/sidebar
  */
 
+nav {
+  list-style-type: none;
+  justify-content: space-evenly;
+  display: flex;
+}
 
+nav a {
+  color: var(--text) !important;
+}
+
+nav a:hover {
+  color: var(--accent2);
+  background-color: inherit;
+  transform: none;
+  scale: 100%;
+  rotate: 0deg;
+}
 
 /*
  * footer
@@ -202,6 +218,7 @@ footer p,hr,div {
 
   header h1 {
     top: 0.3em;
+    font-size: 5em;
   }
 
   .horizontal-flex {
