fix style for site title

layouts/partials/header.html

@@ -1,5 +1,5 @@
 <header>
-  <h1 class="row gap-1">
+  <h1 class="row gap-1 nowrap">
     <div id="theme-switcher" class="btn lg-1"></div>
     {{ .Site.Title }}
   </h1>

static/css/main.css

@@ -10,7 +10,7 @@
 
 html.dark {
   --bg: #262d33;
-  --ft: #eee;
+  --ft: #c5c4c4;
   --bd: #555;
   --tag: #999;
 
@@ -194,6 +194,11 @@ details.toc ul>li {
   margin: 1em 0;
 }
 
+.nowrap {
+  white-space: nowrap;
+  overflow: auto;
+}
+
 @keyframes showup {
   from {
     opacity: 0;
@@ -255,3 +260,8 @@ details.toc ul>li {
 ::-webkit-scrollbar-thumb:active {
   background-color: rgb(128 128 128 / 100%);
 }
+
+.nowrap::-webkit-scrollbar {
+  display: none;
+  width: 0;
+}