@import 'fonts'

body
html
  font-family "bau","Helvetica Neue",helvetica,arial,sans-serif

code
pre
li:before
.spin
#bred a
h3.time
  font-family "scp","Courier New",courier,monospace

body
html
  font-size 18px
  font-weight 400
  line-height 1.6rem
  -webkit-text-size-adjust none

a
  color #000
  text-decoration none
  border-bottom 2px solid #000
  display inline-block
  line-height .8rem

hr
  display inline-block
  width 6rem
  border 0
  border-top 2px solid #f4f4f4

h1
  margin-top 4rem

h2
h3
  margin 0
  margin-top 2rem

h1
h2
h3
h4
strong
  font-weight 500

h4
  margin-bottom .3rem  

h5
  font-style italic
  font-weight 200
  margin 0

h1 code
h2 code
h3 code
  font-size inherit
  padding .3rem

pre
code
  font-size .8rem

pre
  background-color #f5f5f5
  padding .3rem
  margin-left -.3rem

code
  line-height 1.2rem
  background-color #f4f4f4
  margin-top -.05rem
  padding .2rem
  display inline-block

ul
  list-style none
  padding 0

li:before
  content "+"
  padding-right .3rem
  font-size .8rem
  font-weight 600

#nav
#cont
  left 50%

#cont
  width 42rem
  margin-left -21rem
  background-color #fff
  z-index 1

#nav
  position fixed
  top 0rem
  width 57rem
  padding-top 1rem
  z-index 0
  margin-left -32rem
  overflow hidden
  opacity 0
  transition opacity 1s ease-in-out

#nav.moving
  opacity 1
  transition opacity .3s ease-in-out
  
#nav:hover
  opacity 1
  transition opacity .3s ease-in-out

#cont
  position absolute
  top 0
  margin-bottom 9rem

.loading
  display inline-block

.spin
  color #fff
  padding .6rem
  font-size .7rem
  font-weight 600
  letter-spacing .1rem
  z-index 3

.loading > .spin
  background-color #555

#body .loading > .spin
  background-color #000

.spin.state-0:before
  content "\2599"
.spin.state-1:before
  content "\259B"
.spin.state-2:before
  content "\259C"
.spin.state-3:before
  content "\259F"

#load.load
  display inline-block
  font-weight 500
  position fixed
  top 0
  left 0
  width 100%
  height 100%
  background-color rgba(10,10,10,.4)
  opacity 1
  transition opacity 1s ease-in-out
  z-index 4

img.logo
  height 2rem
  width 2rem

h3.time
  margin-top: .3rem
  font-size .7rem
  font-weight 200

#nav .links > div
  display inline-block
  vertical-align top

#nav #sibs
  width 8rem 
  transition margin-top .3s ease-in-out
  overflow hidden

#nav #sibs > div
  height 20px
  margin-bottom 4px

.focus #sibs
  margin-top 0 !important
  transition margin-top .3s ease-in-out

#nav a
.list > li > a
  text-transform uppercase
  font-size .7rem
  font-weight 200
  letter-spacing 1px
  white-space nowrap

.list > li > a
  border-bottom none
  margin-bottom .3rem

#nav a
.list > li > a h1
  border-bottom 1px solid #000
  margin-right .3rem

#nav .active a
  font-weight 500
  text-decoration none

#up
  padding-right 1rem
  margin-top -.3rem

#sides
  float right

#sides a
  margin-right .6rem

#nav .arow-up
#nav .arow-next
#nav .arow-prev
  width 0
  height 0
  border .4rem solid transparent

#nav .arow-up
  border-bottom .6rem solid #000
#nav .arow-next
  border-left .6rem solid #000
#nav .arow-prev
  border-right .6rem solid #000

#bred
  width 5rem
  padding-right 1rem
  text-align right
  font-size .6rem
  white-space nowrap
  overflow hidden

#bred a
  text-transform lowercase
  vertical-align top

#bred > div
  float right

#bred > div > div
  display inline-block
  margin-top -.2rem

#bred a
#kids a
  margin-right .3rem

#bred a
  margin-left .3rem

.short
  width 32rem

.list h1
.list li a > div p
  margin 0

.list li a > div
.list li a > div p
  display inline
  
.list li a > div p
  margin-left .3rem

.list li a > div p:first-child
  margin-left 0

.list li a > div p code
  font-size .7rem
  font-weight 400
  text-transform none

.list li a h1 code
  text-transform lowercase
  border-bottom 1px solid #000

.list li a code
  padding .2rem

.list h1
.list li a > div div
  display inline

.list li a > div div
  margin-left .6rem
  overflow hidden

.list h1
  font-size .7rem

.list.posts
  .post
    margin-bottom 2rem
  
  .post h1
    text-transform none
    font-size 1.6rem
    line-height 1.8rem
    margin-bottom 1rem
    display block
  
  .post h2
    font-size .7rem
    font-weight 400
    line-height 1rem
    margin-top 0
  
  li.post:before 
    content ""

div.root
  h1
    margin-bottom 2rem
  
  .list .sub
    margin-left 0
    margin-right .6rem
  
div.root > p
  width 27rem
  margin-top 2rem

h2.sub
  font-size .7rem
  font-weight 400
  line-height 1rem
  letter-spacing 1px
  margin-top 0
  text-transform uppercase

div.post
  h1
    font-size 2.8rem
    line-height 4rem
    display block
    margin-top 1rem
    margin-bottom 1rem
  
  h2
    line-height 1rem
    letter-spacing 1px
  
  h2
    margin-top 4rem
  
  h2
    font-size 1.2rem
    font-weight 500
  
  p
    font-size 1.2rem
    line-height 2.2rem
  
  li p
    display inline

div.toc
  margin-top 3rem
  margin-bottom 3rem

  h1
  h2
  h3
  h4
    font-weight 400
    cursor pointer
    text-decoration underline
    font-size 1.2rem
    margin-top .3rem
    margin-bottom .3rem
  
  h2
    margin-left 1rem
  
  h3
    margin-left 2rem
  
  h4
    margin-left 3rem
  
  h1.t
    font-weight 500
    font-size 2rem
    text-decoration none
    margin-bottom 2rem

#body .CodeMirror
  font-size .8rem
  line-height 1rem

#body .CodeMirror .cm-header
  font-weight 200

#body .CodeMirror-gutters
  background-color #fff
  padding-right 1rem
  margin-left -1rem

.error
  color rgba(249,23,51,1)

.warning
  background-color rgb(255,53,55)
  padding 1rem
  width 18rem
  margin 2rem 0
  color #fff
  
  a
    color inherit
    border-color #fff
  
  h1
    font-size 1rem
  
  h1
  p
    margin 0 .3rem

.warning.w
  width auto

@import 'mobile'