$primary-color: #009688
$primary-color-highlight: lighten($primary-color, 10%)
$accent-color: #795548
$accent-color-highlight: lighten($accent-color, 10%)

$box-shadow-1: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)
$box-shadow-2: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)

$nav-height: 60px

body
  padding-top: $nav-height
  background: lightgrey

#main-nav
  position: fixed
  top: 0
  left: 0
  width: 100%
  height: $nav-height
  background: #212121
  box-shadow: $box-shadow-1
  clear: float

  .nav-left
    float: left
  .nav-right
    float: right

  .nav-menu
    ul
      list-style: none

    li
      display: inline-block
      color: white
      font-size: 2rem
      &:first-child
        margin-left: 20px
    a
      display: block
      box-sizing: border-box
      height: $nav-height
      padding: 12px 15px
      font-size: 2rem

#main-wrapper
  margin-top: 25px
  padding: 20px 28px
  background: white
  border-radius: 5px
  box-shadow: $box-shadow-2