@import url("/css/reset.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,300,600");
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  font-size: 30px;
  line-height: 1.33;
  font-family: "Open Sans", sans-serif;
  color: hsl(0, 0%, 27%);
  font-weight: 300;
  background: -webkit-radial-gradient(hsl(0, 0%, 100%), hsl(0, 0%, 87%));
  background: radial-gradient(hsl(0, 0%, 100%), hsl(0, 0%, 87%));
}

h1 {
  color: hsl(204, 48%, 56%);
  font-size: 2em;
  font-weight: 600;
}

h1, p, blockquote {
  margin-bottom: 1em;
}

a {
  text-decoration: none;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
a:link, a:visited {
  color: hsl(204, 48%, 56%);
}
a:hover {
  color: hsl(204, 48%, 66%);
}
a:active {
  color: hsl(204, 48%, 46%);
}

blockquote {
  font-style: italic;
}

video {
  max-width: 100%;
}

.step {
  width: 960px;
  text-align: center;
  padding: 3rem;
}

.quote {
  text-align: left;
  color: hsl(0, 0%, 67%);
}

.attribution {
  color: hsl(0, 0%, 67%);
  text-align: right;
}

#fin {
  display: none;
}

/*# sourceMappingURL=styles.css.map */