change styles

static/css/base.css

@@ -7,10 +7,26 @@ body {
 }
 
 .head {
+  align-items: center;
   display: flex;
   flex-wrap: wrap;
-  padding-top: 2rem;
   gap: 20px;
+  justify-content: center;
+  padding-top: 2rem;
+}
+
+.head > * {
+  flex: 1 1 200px;
+  flex-basis: calc((600px - 100%) * 999);
+  text-align: center;
+}
+
+.head > h1 {
+  white-space: nowrap;
+}
+
+.head > .logo {
+  max-width: fit-content;
 }
 
 .head > .logo > svg {
@@ -20,3 +36,11 @@ body {
   width: 100px;
 }
 
+.head > .links {
+  list-style: none;
+}
+
+.head > .links a {
+  color: white;
+  font-size: 1.5em;
+}