@import 'bourbon';
@import '*';

* {
  box-sizing: border-box;
}

html, body {
  @include display(flex);
  @include flex(1);
  margin: 0;
  padding: 0;
  background: #F3F0EA;
  color: rgb(24, 27, 20);
  font-size: 16px;
}

body {
  @include flex-direction(column);
}

main {
  @include display(flex);
  @include flex(1);
  @include flex-direction(column);

  & > header, & > article {
    max-width: 940px;
    margin: 0 auto;
    width: 80%;
  }

  & > article {
    @include display(flex);
    @include flex-direction(column);
    @include flex(1);
    padding: 0 3em 6em 3em;
  }
}

a {
  @include transition(color 0.3s ease);
  color: #192330;
  &:hover {
    color: #72a0db;
  }
}

h1, h2, h3, h4, h5 {
  margin: 0.66em 0 0.33em 0;
  a {
    color: inherit;
    text-decoration: none;
  }
}

h1 {
  line-height: 1em;
  font-weight: lighter;
  font-size: 3.0em;
  text-align: center;
}

h2 {
  font-size: 2.6em;
}

h3 {
  font-size: 2.2em;
}

h4 {
  font-size: 2.0em;
}

h5 {
  font-size: 1.7em;
}

h6 {
  font-size: 1.5em;
}

p {
  line-height: 1.3em;
}