*
  -moz-box-sizing border-box
  -webkit-box-sizing border-box
  box-sizing border-box

body, input, select
  font-family Helvetica, Arial, sans-serif
  font-size 1em

textarea, pre
  font-family Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif
  font-size 1em

html, body, form
  height 100%

body
  background-color #fcfcfc
  padding 3em

h1
  position absolute
  top 1em
  left 3em
  font-weight 200
  font-size 1em
  line-height 1em
  padding 0
  margin 0
  text-transform uppercase
  color #ccc

.linenos
  padding-right .5em
  color #ccc
  border-right #eee 1px solid

.code
  padding-left .5em

.container
  width 100%
  height 100%

textarea, input
  outline none

.btn
  background-color #fefefe
  background-image -webkit-linear-gradient(top, #fff, #eaeaea)
  background-image linear-gradient(to bottom, #fff, #eaeaea)
  color #666
  text-shadow 0 1px 1px #fff
  border #ddd 1px solid
  border-radius 4px
  font-size 1em
  padding .5em .8em
  text-decoration none
  outline none
  cursor default

  &:active
    box-shadow 0 .1em .2em .1em #eee inset
    border-bottom-width 1px

  &.disabled
    background #f0f0f0
    cursor not-allowed

textarea
  background-color #fff
  width 100%
  height 100%
  line-height 120%
  resize none
  border #ddd 1px solid
  border-radius 5px
  padding .5em

#syntax-selector
  float right
  width 13em
  margin 0.4em

form input[type="submit"], form a[role="submit"]
  float right
  width 5em
  font-weight 600
  text-align center
  margin .4em 0

form a[role="submit"]
  display none