@import "ShortCSS/ShortCSS.styl"
@import "normalize/normalize.styl"

/** ptest css */

body
  -ff _ffv
  -fs 16

$link_color = #0063ff
$link_color_border = alpha($link_color,.3)
$link_hover_color = #ff475d
$link_hover_color_border = alpha($link_hover_color,.24)
$link_visited_color = #cf00cf
$link_visited_color_border = alpha($link_visited_color,.3)

a
  -c $link_color
  -td none
  -brb 1 solid $link_color_border

  &:visited
    -c $link_visited_color
    -brbc $link_visited_color_border

  &:hover
  &:visited:hover
    -c $link_hover_color
    -brbc $link_hover_color_border

.page

  &__container
    -wmax 800
    -m 0 auto

.header
  -p 30
  -bg #ffcc56
  -bg -moz-repeating-linear-gradient(178deg,  rgba(255,204,86,.5) 8px, rgba(255,140,0,.5) 18px);
  -bg -webkit-repeating-linear-gradient(178deg,  rgba(255,204,86,.5) 8px,rgba(255,140,0,.5) 18px);
  -bg repeating-linear-gradient(178deg,  rgba(255,204,86,.5) 8px,rgba(255,140,0,.5) 18px);
  bx-shadow 2px 3px 15px #eb4 inset
  b-radius 2
  -mt 30
  -mb 60
  -ta center

  &__title
    line-height 1
    -m 0
    -ff _fftnr
    -fst italic
    -ts 1 1 1 #a76f19
    -fs 52

.page-title
  -pb 35

.content
  -pb 76

.footer
  -brt 1 solid #dead6f
  -pt 24
  -fs 85%
  -c #232425
  -pb 40
