Change fonts and menu colors, add logo

Plus various adjustments.

1 files changed, 33 insertions, 20 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index b432aab..09f51e2 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -1,6 +1,9 @@
 body {
+    --gold: #E4B63A;
+
     margin: 0;
-    background-color: #acf;
+    background-color: #deffe3;
+    font-family: 'Open Sans', sans-serif;
 }
 
 .current {
@@ -9,29 +12,36 @@ body {
 
 header a, .contact a {
     text-decoration: none;
+    font-size: 1.2rem;
+    font-weight: bold;
 }
 
 header a, footer a {
     color: inherit;
 }
+nav a:hover, .contact:hover {
+    color: var(--gold);
+    background: white;
+}
 
 header.banner a {
     display: flex;
     align-items: center;
 }
 header.banner img {
-    filter: brightness(0%);
-    transition: filter 1s;
-}
-header.banner:hover img {
-    filter: brightness(100%) sepia(100%);
+    filter: brightness(0);
+    margin: 0.5em;
 }
 header.banner h1 {
     margin: 0;
-    transition: color 1s;
+    font-family: 'Cormorant', serif;
 }
-header.banner:hover h1 {
-    color: #d82;
+
+header.banner:hover img {
+    filter: none;
+}
+header.banner:hover {
+    color: var(--gold);
 }
 
 nav > ol, nav li.dropdown > ul {
@@ -42,10 +52,6 @@ nav > ol > li > a {
     display: block;
     padding: 0.5em 0.1em;
 }
-nav li.dropdown > ul > li a img {
-    width: 1em;
-    height: 1em;
-}
 
 .lang {
     background-color: black;
@@ -86,10 +92,11 @@ footer.legal {
         grid-column: 1;
     }
     header.banner img {
-        width: 10rem;
+        height: 11rem;
     }
     header.banner h1 {
-        font-size: 1.5rem;
+        font-size: 2.4rem;
+        font-weight: normal;
     }
 
     header.menu {
@@ -123,21 +130,28 @@ footer.legal {
     nav li.dropdown {
         position: relative;
     }
+    nav li.dropdown > a {
+        transition: background 0s 0.5s, color 0s 0.5s;
+    }
     nav li.dropdown ul {
         position: absolute;
         width: 100%;
-        text-align: left;
-        background: lightgrey;
+        background: #ddd8;
         z-index: 1;
 
         overflow: hidden;
         max-height: 0;
         transition: max-height 0.5s;
     }
+    nav li.dropdown:hover > a {
+        transition: none;
+        background: white;
+        color: var(--gold);
+    }
     nav li.dropdown:hover ul {
         /* ⚠ Magic constant: must be big enough to show the whole dropdown,
-       but not too big otherwise the transition will be "delayed". */
-        max-height: 5em;
+           but not too big otherwise the transition will be "delayed". */
+        max-height: 20rem;
     }
     nav li.dropdown > ul > li {
         list-style-type: none;
@@ -147,7 +161,6 @@ footer.legal {
     }
     nav li.dropdown > ul > li a {
         display: block;       /* Make link span whole containing block. */
-        padding-inline-start: 10%;
     }
 
     .lang {