natronics.org/assets/style.sass

---
---

$linkcolor: #3765D4
$primary: #F18BD1

@import _normalize
@import /assets/fonts/league-spartan/_webfonts/stylesheet.css

@font-face
  font-family: 'Sorts Mill Goudy'
  src: url('/assets/fonts/sorts-mill-goudy/webfonts/GoudyStM-webfont.eot')
  src: url('/assets/fonts/sorts-mill-goudy/webfonts/GoudyStM-webfont.woff') format('woff'), url('/assets/fonts/sorts-mill-goudy/webfonts/GoudyStM-webfont.ttf') format('truetype'), url('/assets/fonts/sorts-mill-goudy//webfontsGoudyStM-webfont.svg') format('svg')
  font-weight: 400
  font-style: normal

@font-face
  font-family: 'Sorts Mill Goudy'
  src: url('/assets/fonts/sorts-mill-goudy/webfonts/GoudyStM-Italic-webfont.eot')
  src: url('/assets/fonts/sorts-mill-goudy/webfonts/GoudyStM-Italic-webfont.woff') format('woff'), url('/assets/fonts/sorts-mill-goudy/webfonts/GoudyStM-Italic-webfont.ttf') format('truetype'), url('/assets/fonts/sorts-mill-goudy//webfontsGoudyStM-Italic-webfont.svg') format('svg')
  font-weight: 400
  font-style: italic

header
  background: $primary
  border-top: 3px solid darken($primary, 15%)
  color: #fff

header .title
  display: block
  padding: 2% 10% 2% 10%
  font-family: 'League Spartan'
  font-size: 1.6em

#page
  padding: 5% 10% 10% 10%
  font-family: 'Sorts Mill Goudy'
  font-size: 1.4em
  line-height: 1.33em

footer
  padding: 3% 10% 1% 10%
  font-family: 'Sorts Mill Goudy'
  font-size: 0.9em
  color: #999

footer a, footer a:visited
  color: #666

a
  color: $linkcolor
  text-decoration: none

a:hover
  text-decoration: underline

a:visited
  color: darken($linkcolor, 14%)

#page img
  width: 100%

h1, h2, h3, h4, h5, h6
  font-family: 'League Spartan'

h1
  border-bottom: 2px solid #ddd
  padding-bottom: 0.2em
  margin-bottom: 1.2em

@media (max-width: 500px)
  header .title
    padding: 1% 5% 1% 5%
  #page
    padding: 5%
    text-align: justify
    font-size: 1.2em
  footer
    padding: 3% 5% 1% 5%