Shrink the subtitle and main navigation sections too

index.org

@@ -1,12 +1,12 @@
 #+TITLE: ryuslash's website
-#+SUBTITLE: Vae Victis, dood!
+#+SUBTITLE: vae victis, dood!
 #+OPTIONS: toc:nil num:nil
 #+STARTUP: showall
 #+STARTUP: inlineimages
 
-#+begin_center
-[[https://code.ryuslash.org][my code]] | [[https://blog.ryuslash.org][my blog]]
-#+end_center
+#+begin_main-navigation
+[[https://ryuslash.org][home]] | [[https://code.ryuslash.org][code]] | [[https://blog.ryuslash.org][blog]]
+#+end_main-navigation
 
 #+begin_introduction
 #+ATTR_HTML: :id avatar :alt Angry black prinny (looking like Tux), playing on a PSP

src/less/include/components.less

@@ -32,6 +32,7 @@ pre.src {
 .introduction {
   display: grid;
   grid-template-columns: auto auto;
+  margin-top: 1rem;
 }
 
 .listless-list {
@@ -64,22 +65,17 @@ pre.src {
 }
 
 .subtitle {
-  font-size: 0.9rem;
+  font-size: 0.7rem;
   margin: 0;
   text-align: center;
-  padding: 10px;
-
-  @media (prefers-color-scheme: dark) {
-    background-color: @dark-background-highlight;
-  }
-
-  @media (prefers-color-scheme: light) {
-    background-color: @light-background-highlight;
-  }
+  padding: 0;
+  margin: 0;
+  line-height: 1;
 }
 
 .title-header {
   text-align: center;
   margin: 0;
   font-size: 1rem;
+  line-height: 1;
 }

src/less/main.less

@@ -66,3 +66,10 @@ pre.src {
 .org-src-container { position: relative; }
 .org-svg { width: unset; }
 .org-center { text-align: center; }
+
+.main-navigation {
+  text-align: center;
+  margin: 0;
+  line-height: 1;
+  padding: 0;
+}