Tweak header sizes a bit

1 files changed, 22 insertions, 7 deletions

diff --git a/commun.css b/commun.css
index 081c7a9..04757b3 100644
--- a/commun.css
+++ b/commun.css
@@ -214,27 +214,39 @@ footer.legal {
         grid-column: 1 / -1;
     }
 
+    header.menu {
+        --height: 2.4rem;
+    }
+    header.menu > label {
+        font-size: 1.2rem;
+    }
+    footer.social {
+        --height: 1.8rem;
+    }
+    footer.social > label {
+        font-size: 0.8rem;
+    }
+
     .togglable {
         display: grid;
         position: relative;
-        grid-template-columns: 2rem auto;
+        grid-template-columns: 2.4rem auto;
         align-items: center;
     }
     .togglable > input.toggle {
         z-index: 2;
         grid-column: 1;
         position: absolute;
-        width: 2rem;
-        height: 2rem;
+        width: var(--height);
+        height: var(--height);
         margin: 0;
         opacity: 0;
     }
     .togglable > img.button.open {
         grid-column: 1;
-        position: absolute;
-        left: 0.2rem;
-        width: 1.6rem;
-        height: 1.6rem;
+        justify-self: center;
+        width: calc(0.8 * var(--height));
+        height: calc(0.8 * var(--height));
         object-fit: contain;
         object-position: center;
     }
@@ -291,4 +303,7 @@ footer.legal {
         width: 4rem;
         height: 4rem;
     }
+    header.banner h1 {
+        font-size: 1.6rem;
+    }
 }