Header {
  nav {
    $navFA
    padding: 1rem 0

    width: 100%
    position: fixed
    top: 0
    left: 0
    background: #fff

    display: flex
    align-items: center

    (a) {
      color: #222
      margin-right: 1rem

      :hover {
        text-decoration: underline
      }
    }

    div.back {
      font-size: 1.4rem
      width: 1rem
      padding: 0 0.2em 0 1rem
      border: 1px solid #ddd
      border-radius: 4px
      margin-right: 1rem

      :hover {
        $colorPrimary
        border: 1px solid #fff
      }
    }


    div.tools {
      flex-grow: 1

      $navFA

      display: flex
      justify-content: flex-end
    }
  }
  

}

$navFA {
  i {
    font-size: 1.4rem
    color: #b9b9b9
    margin-right: 1rem

    :hover {
      text-decoration: none
      $colorPrimaryFG
    }
  }
}