// $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