app.css

html,
body,
ul,
ol,
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@font-face {
  font-family: "Fram Sans";
  src: url("framsans-webfont.woff2") format("woff2"), url("framsans-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  text-transform: lowercase;
}
body {
  font-family: "Fram Sans", Arial;
  font-size: 32px;
  line-height: 1.25;
  text-transform: lowercase;
  text-align: center;
  background-color: #f4e6d8;
  color: #645850;
  overflow-x: hidden;
  transition: background-color 1s;
}

section.hero {
  text-align: center;
  padding: 140px 40px 1000px 40px;
  background-image: url("img/pointing.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
section.hero span {
  font-size: 16px;
  margin-bottom: 48px;
  display: inline-block;
}
section.hero h1 {
  font-size: 140px;
  line-height: 0.7;
}

section.content {
  margin: 240px auto 240px auto;
  max-width: 1120px;
  padding: 0 40px;
}

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