diff --git a/src/page/text/mod.rs b/src/page/text/mod.rs
index c6f7344..a510f8b 100644
--- a/src/page/text/mod.rs
+++ b/src/page/text/mod.rs
@@ -27,10 +27,12 @@ pub fn create(title: Option<&str>, page: Page, body: &Markup) -> Markup {
         html! {
             .not-flex {
                 nav {
-                    a.home href="/" { "HOME" }
-                    a.about href="/about" { "ABOUT" }
-                    a.blog href="/blog" { "BLOG" }
-                    a.contact href="/contact" { "CONTACT" }
+                    .content {
+                        a.home href="/" { "HOME" }
+                        a.about href="/about" { "ABOUT" }
+                        a.blog href="/blog" { "BLOG" }
+                        a.contact href="/contact" { "CONTACT" }
+                    }
                 }
 
                 (body)
diff --git a/src/page/text/text.css b/src/page/text/text.css
index 995d3b8..643bd76 100644
--- a/src/page/text/text.css
+++ b/src/page/text/text.css
@@ -9,7 +9,7 @@ body {
 
 .not-flex {
   font-size: large;
-  word-break: break-all;
+  overflow-x: hidden;
 
   display: initial;
   width: min(100vw - 1em, 50em);
@@ -17,17 +17,22 @@ body {
   margin: 0 1em;
 }
 
+.content,
+nav {
+  transform: rotateX(180deg);
+}
+
 nav {
   font-size: larger;
   word-break: normal;
 
-  overflow-x: hidden;
+  overflow-x: auto;
 
   background-color: white;
   padding: .3em .6em;
 
-  border-bottom-left-radius: 1em;
-  border-bottom-right-radius: 1em;
+  border-top-left-radius: 1em;
+  border-top-right-radius: 1em;
 }
 
 nav a {
@@ -36,10 +41,6 @@ nav a {
   margin-right: .6em;
 }
 
-nav a:last-child {
-  margin-right: 0;
-}
-
 a {
   color: yellow;
 }