// Shape of Things
@import url(http://fonts.lug.ustc.edu.cn/css?family=Sorts+Mill+Goudy);
// Fitger's
@import url(http://fonts.lug.ustc.edu.cn/css?family=Josefin+Slab:700|Oswald:700|Raleway:900);


$padding: 6em;

*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
::selection { background: #999; color: #fff; text-shadow: none; }

.shape {
  background: linear-gradient(#7abf73, white, white);
  font-family: "Sorts Mill Goudy", serif;
  padding: $padding 0 $padding+2em;
  text-align: center;
  text-transform: lowercase;
  h1, h2 {
    font-weight: 400;
  }
  h1 {
    font-size: 8em;
  }
  h2 {
    font-size: 4em;
    line-height: .8;
  }
  @media (max-width: 1090px) {
    h1 {font-size: 5em;}
    h2 {font-size: 2.5em;}
  }
  @media (max-width: 725px) {
    h1 {font-size: 3.5em;}
    h2 {font-size: 1.75em;}
  }
}
.filler {
  background: #1d1d1d;
  height: 5em;
}

.fitgers {
  background: #e9e7d9;
  color: #3c3c3c;
  padding: $padding 0;
  .inside {
    margin: 0 auto;
    width: 20em;
  }
  header {
    text-align: center;
  }
  h1 {
    font-family: "Oswald", sans-serif;
    font-size: 2.8em;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
  }
  h1:after {
    background: #3c3c3c;
    content: "";
    display: block;
    height: 2px;
    margin: .4em auto .3em;
    width: 2.4em;
  }
  h2 {
    font-family: "Raleway", sans-serif;
    font-size: 2.1em;
    font-weight: 900;
    letter-spacing: -.02em;
    text-transform: uppercase;
  }
  h3 {
    font-family: "Josefin Slab", sans-serif;
    font-size: 2.2em;
    font-weight: 700;
    letter-spacing: -.05em;
    margin-bottom: .4em;
  }
  p {
    font-family: "Times New Roman", times, serif;
    font-size: 1.25em;
    font-weight: bold;
    letter-spacing: -.05em;
    text-align: justify;
    text-indent: 1.5em;
  }
  p:nth-of-type(2) {
    font-weight: normal;
    letter-spacing: 0;
    margin-bottom: .2em;
  }
  h4 {
    font-family: "Times New Roman", times, serif;
    font-size: 1.4em;
    font-weight: bold;
    margin-right: .5em;
    text-align: right;
    text-transform: uppercase;
  }
}