@import "~normalize.css/normalize.css";

/* globals */

html {
  box-sizing: border-box;
  font-size: 16px;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* layouts */

body {
  margin: 0;
  padding: 0;
}

.l-wrapper {
  padding: 0 40px;
}

.l-inner {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.l-inner-narrow {
  width: 100%;
  margin: 0 auto;
  max-width: 980px;
}

/* basic theme */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #fff;
  background-color: #222;
}

a {
  text-decoration: none;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

@import "~normalize.css/normalize.css";

/* globals */

html {
  box-sizing: border-box;
  font-size: 16px;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/* layouts */

body {
  margin: 0;
  padding: 0;
}

.l-wrapper {
  padding: 0 40px;
}

.l-inner {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
}

.l-inner-narrow {
  width: 100%;
  margin: 0 auto;
  max-width: 980px;
}

/* basic theme */

body {
  font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  color: #fff;
  background-color: #222;
}

a {
  text-decoration: none;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

Add "Avenir Next" to font stack
Add "Avenir Next" to font stack
