Bring menu "tabs" closer together

Also make banner bigger.

1 files changed, 8 insertions, 9 deletions

diff --git a/commun.css b/commun.css
index 3d3dd20..213b26f 100644
--- a/commun.css
+++ b/commun.css
@@ -1,7 +1,7 @@
 body {
     height: 100vh;
     display: grid;
-    grid-template-columns: 11fr 1fr;
+    grid-template-columns: 7fr 1fr;
     grid-template-rows: auto 1fr auto;
     margin: 0;
     background-color: #acf;
@@ -10,14 +10,11 @@ body {
 header.banner {
     grid-column: 1 / -1;
     display: grid;
-    grid-template-columns: 3fr 8fr 1fr;
-    align-items: center;
+    grid-template-columns: 2fr 1fr 3fr 1fr 1fr;
 }
 
 header.banner .brand {
     grid-column: 1;
-    padding-left: 2vw;
-    padding-right: 2vw;
 }
 
 header.banner .brand a {
@@ -41,16 +38,17 @@ header.banner .brand:hover h1 {
 
 .brand h1 {
     margin: 0;
+    font-size: 1.5rem;
 }
 
 .brand img {
-    height: 3em;
+    width: 10rem;
     filter: brightness(0%);
 }
 
 nav {
-    grid-column: 2;
-    padding-right: 2vw;
+    grid-column: 3;
+    margin-top: 2rem;
 }
 
 nav > ol {
@@ -116,12 +114,13 @@ nav li a {
 }
 
 .lang {
-    grid-column: 3;
+    grid-column: 5;
     background-color: black;
     border-radius: 50% 50% 50% 0;
     color: white;
     padding: 0.5em;
     margin: auto;
+    margin-top: 3rem;
 }
 
 main {