@require '../lib/vars.styl'

*
  box-sizing border-box

body
  background react-blue
  font-family helvetica
  color darken(white, 10%)
  font-size 18px

h1
  margin 20px 0

pre
  font-family mono
  line-height 1.5
  border-radius 3px
  border 1px solid border-gray

.page
  padding 20px

.siteTitle
  display flex
  align-items center

  +below(420px)
    display block

  img
    display inline-block
    width 80px
    height 80px
    margin-right 20px

    +below(420px)
      display block
      margin 0 auto

.hl
  font-weight bold
  color react-blue
.App
  background black
  min-width 320px

  h1
    color react-blue
    font-weight 300
    font-size 52px

  p
    color white

.nav
  background darken(black, 10%)
  padding-left 20px

  a
    display inline-block
    padding 20px
    text-transform uppercase
    text-decoration none
    color darken(white, 20%)
    &:hover
      color white

  .active
    background black


.testableModuleClassName
  display block