Simon's fixes

assets/styles/content.sass

@@ -1,2 +1,4 @@
 .container
   padding: 1rem
+main
+  padding-bottom: 2*$space

assets/styles/html.sass

@@ -1,9 +1,13 @@
+/* Box sizing rules */
+*,*::before,*::after
+  box-sizing: border-box
+
 html
   /*-webkit-font-smoothing: antialiased*/
   /*--moz-osx-font-smoothing: grayscale*/
   scroll-behavior: smooth
   /* 18px */
-  font-size: 112.5%
+  font-size: $font-size
 
 body
   font-weight: 400

assets/styles/main.sass

@@ -11,15 +11,14 @@ body
 
 .layout
   background-color: white
-  min-height: 100vh
+  min-height: 105vh
   position: relative
   padding: 1rem
-
   h1
     text-align: center
 
 @media screen and (min-width: 60rem)
   .layout
-    width: 800px
+    width: $content-width
     margin: 0 auto
     box-shadow: 8px 0 6px #ddd

assets/styles/menu.sass

@@ -1,12 +1,17 @@
 nav
   position: absolute
-  top: 10rem
-  left: -15rem
+  top: 4*$space
+  right: 50%
+  margin-right: $content-width/2
+  width: 6*$space
+  font-family: $font-family-monospace
   ul
     list-style: none
     li
       border-left: 1px solid $color-primary
       padding-left: 15px
+      text-transform: capitalize
+      font-size: 0.8*$font-size
       &.active
         font-weight: $active
       a
@@ -40,9 +45,11 @@ nav
       right: 0
       width: 100%
       li
-        line-height: 1.8*$space
-        font-size: 0.7*$space
+        line-height: 1.5*$space
+        font-size: 1.2*$font-size
         text-align: right
+        border-left: 0
+        padding: 0
         a
           text-decoration: none
           color: $color-primary
@@ -62,7 +69,6 @@ nav
     background: transparent !important
     &:before
       content: 'menu'
-      padding: 0 2em
       text-transform: uppercase
       background: $color-secondary
       position: fixed
@@ -70,9 +76,10 @@ nav
       width: 100%
       height: 2*$space
       bottom: 0
-      padding: 0.5*$space 3*$space 0.5*$space 0
-      line-height: $space
+      padding: 0.9*$space 2*$space 0.6*$space 0
+      line-height: 0.5*$space
       text-align: right
+      font-size: 0.8*$font-size
     &.is-active:before
       content: ''
     & > *
@@ -81,8 +88,8 @@ nav
       flex-direction: column
       justify-content: space-between
       align-items: stretch
-      height: 2.6rem
-      width: 3.6rem
+      height: 0.4*$space
+      width: 0.6*$space
       background-image: linear-gradient(#333,#333)
       background-position: 50%
       background-repeat: no-repeat

assets/styles/variables.sass

@@ -1,4 +1,7 @@
 $color-primary: black
 $color-secondary: white
 $space: 2.75rem
+$font-size: 112.5%
+$font-family-monospace: Courier New,Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace
+$content-width: 800px
 $active: 600

content/outils-ressources.md

@@ -2,7 +2,7 @@
 title: Outils et ressources
 menu:
   main:
-    name: 🛠 Outils et ressources
+    name: 🛠 Outils & ressources
     weight: 30
 ---