first version

assets/css/main.sass

@@ -0,0 +1,84 @@
+// $primary-color: #4CB58E
+// $light-color: #34495E
+// $dark-color: #fff
+// $bg-color: #303742
+// $base-font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace
+
+//@import "node_modules/spectre.css/src/spectre"
+//@import "node_modules/spectre.css/src/spectre-exp"
+//@import "node_modules/spectre.css/src/spectre-icons"
+
+@mixin container
+  max-width: 940px
+  width: 90%
+  margin: 0 auto
+
+body
+  margin: 0
+
+a
+  color: black
+
+.header
+  position: fixed
+  z-index: 1
+  left: 0
+  right: 0
+  height: 90px
+  overflow: hidden
+  background-color: white
+
+  .container
+    display: flex
+    height: 100%
+    border-bottom: 1px dotted black
+
+  .accueil
+    padding: 15px
+    margin: 5px 5px 5px -15px
+
+  .logo
+    height: 50px
+
+  .menu
+    margin: auto
+    margin-right: -20px
+
+    a
+      color: black
+      text-decoration-color: black
+      text-decoration-thickness: 3px
+      text-underline-offset: 10px
+      padding: 15px
+      margin: 5px
+
+    ul
+      list-style: none
+      margin: 0
+      padding: 0
+
+    li
+      display: inline
+
+.bg
+  position: relative
+  height: 1000px
+
+  &.colored
+    background-color: green
+
+#content
+  padding-top: 90px
+
+.container
+  @include container
+
+.ancre
+  text-align: center
+  position: absolute
+  top: -106px
+
+
+@media (max-width: 768px)
+  .menu
+    visibility: hidden