@import "fonts"

/* font stack definition
$regular-font-stack: "Fira Sans", sans-serif
$medium-font-stack: "Fira Sans Medium", sans-serif
$website-title-font-stack: "Learning Curve Pro"

/* color definitions
$color-mint: #BFCECD
$color-dark-mint: #5A6867
$color-beige: #F5E9E4
$color-light-brown: #D1C1BA
$color-dark-brown: #52453F
$color-white: #FFFFFF

body
  font: 100% $regular-font-stack
  color: $color-dark-brown
  background: $color-mint

h1
  font: 300% $medium-font-stack

h2
  font: 250% $medium-font-stack

h3
  font: 200% $medium-font-stack

#website-title
  font-size: 4.5em
  margin-top: 30px
  margin-left: 30px
  font-family: $website-title-font-stack
  font-weight: bold
  color: $color-white

.beige-content-block
  background: $color-beige

.brown-content-block
  background: $color-light-brown

