Tiny style updates

static/sass/style.sass

@@ -2,6 +2,7 @@
 $grey: #eff1f3
 $purple: #1b0e29
 $red: #ff213b
+$red-dark: #cc0018
 
 // TODO: remove these variables when the whole website has the new style
 $background: #eff1f3
@@ -37,7 +38,7 @@ $third: $primary
 html
   color: $text
   font-family: MonaSans
-  font-size: 1.2em
+  font-size: 1.1em
   letter-spacing: .03em
 
 body
@@ -58,7 +59,7 @@ h2
   color: $purple
   font-size: 3em
   font-weight: 800
-  margin: 1.5em auto 0 auto
+  margin: 1em auto 0 auto
   text-align: center
   text-transform: uppercase
 
@@ -77,7 +78,7 @@ a
   text-decoration: none
 
   &:hover, &:focus
-    text-decoration: underline $red
+    text-decoration: underline $red-dark
 
 address
   font-style: normal
@@ -119,8 +120,8 @@ sup
   transition: background-color 0.5s, border-color 0.5s
 
   &:hover, &:focus
-    background-color: lighten($red, 15%)
-    border-color: lighten($red, 15%)
+    background-color: $red-dark
+    border-color: $red-dark
     text-decoration: inherit
 
 .important
@@ -134,8 +135,11 @@ nav
   background-color: $purple
   color: white
   display: flex
+  font-size: 0.9rem
   padding: 0 2rem 0 20rem
-  position: relative
+  position: sticky
+  top: 0
+  z-index: 2
 
   ul
     align-items: center
@@ -145,6 +149,9 @@ nav
   li
     padding-bottom: 0.3em
 
+  li:has(a:hover)
+    border-bottom: 1px solid $red-dark
+
   li.active
     border-bottom: 1px solid $red
     font-weight: 700
@@ -156,6 +163,9 @@ nav
     color: inherit
     font-weight: inherit
 
+    &:hover
+      text-decoration: none
+
   ul#pages
     flex-wrap: wrap
     gap: 0 1em
@@ -205,6 +215,7 @@ nav
 footer
   background: url(/2024/static/images/logo-simple-couleurs.svg) 10% center / 10rem no-repeat
   border-top: 1px solid $grey
+  font-size: 0.9rem
   margin-top: 2em
   width: 100vw
 
@@ -351,12 +362,16 @@ footer
     gap: 1em
     padding: 3em 0
 
+    h3
+      line-height: 1.2
+
     section:first-of-type
       margin: 0
       max-width: 25em
 
       h2
         color: inherit
+        line-height: 1
         margin-top: 0.5em
         text-align: left
 
@@ -395,6 +410,10 @@ footer
         color: $red
         font-size: 3em
         font-weight: 700
+        transition: color 0.5s
+
+        &:hover
+          color: $red-dark
 
     .sponsors
       margin: auto