@mixin import-whitney($weight)
  @font-face
    font-family: Whitney
    font-weight: $weight
    src: url(relative("/assets/fonts/whitney-" + $weight + ".woff")) format("woff2")

+import-whitney(400)
+import-whitney(500)

body
  font-family: sans-serif
  background-color: #36393e
  color: #ddd
  font-size: 16px
  font-family: Whitney
  line-height: 1.45
  margin: 0
  height: 100vh
  font-weight: 400

.main
  height: 100vh
  display: flex

button
  appearance: none
  border: none
  background: none
  color: inherit
  font-family: inherit
  font-size: inherit
  font-style: inherit
  font-weight: inherit
  padding: 0
  margin: 0
  line-height: inherit
  cursor: inherit

// focus resets

:focus
  outline: none

:-moz-focusring
  outline: none

::-moz-focus-inner
  border: 0

select:-moz-focusring
  color: transparent
  text-shadow: 0 0 0 #ddd

body.show-focus
  a, select, button, input, video, div, span
    outline-color: #fff

    &:focus
      outline: 2px dotted