(hopefully) final improvements before publishing

1 files changed, 23 insertions, 7 deletions

diff --git a/static/style.css b/static/style.css
index 406a493..00d4bf2 100644
--- a/static/style.css
+++ b/static/style.css
@@ -131,7 +131,8 @@ a {
 }
 
 nav {
-  font-size: 1.1875rem;
+  font-size: 1.125rem;
+  text-align: center;
 }
 
 nav a.active {
@@ -151,12 +152,14 @@ nav a.active {
 }
 
 .logo {
-  height: 95px;
   position: relative;
   display: flex;
-  gap: 1.25rem;
+  gap: 0.75rem;
+  margin-top: 0.75rem;
+  flex-direction: column;
+  text-align: center;
   align-items: center;
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
 }
 
 .logo-img,
@@ -166,7 +169,8 @@ nav a.active {
 }
 
 .logo h1 {
-  font-weight: 900;
+  font-weight: 300;
+  font-style: italic;
   margin-bottom: -0.25rem;
 }
 
@@ -177,7 +181,7 @@ nav a.active {
   background-size: cover;
   position: absolute;
   content: "";
-  left: -50px;
+  // left: -50px;
   top: -58px;
   z-index: -1;
   width: 215px;
@@ -187,7 +191,7 @@ nav a.active {
 .logo-glasses {
   position: absolute;
   top: 10px;
-  left: 35px;
+  left: calc(50% - 20px);
   width: 70px;
   object-fit: contain;
   pointer-events: none;
@@ -218,6 +222,10 @@ h3 {
   line-height: 1.2;
 }
 
+.h4 {
+  font-size: 1.25rem;
+}
+
 .h5 {
   font-size: 1.125rem;
   font-style: normal;
@@ -448,6 +456,10 @@ h2[id=content] {
   margin-bottom: 1rem;
 }
 
+.narrow {
+  max-width: 35rem;
+}
+
 button,
 input:not([type=checkbox]),
 select {
@@ -561,6 +573,10 @@ select {
   padding: 0.75rem 1rem;
 }
 
+.font-size-1-25 {
+  font-size: 1.25rem;
+}
+
 .font-size-0-875 {
   font-size: 0.875rem;
 }