// @import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');

@font-face {
  font-family: "Proxima Nova";
  src: url("assets/fonts/Proxima-Nova.ttf");
}

@font-face {
  font-family: "Proxima Nova Bold";
  src: url("assets/fonts/Proxima-Nova-Bold.ttf");
}


@font-face {
  font-family: "Ambroise std demi";
  src: url("assets/fonts/Ambroise-std-Demi.ttf");
}

html {
  font-family: 'Proxima Nova', sans-serif;
}

h1, h2, h3, h4, h5, p {
  font-weight: normal;
  font-style: normal;
  margin: 0;
  padding: 0;

  &.slipping-left {
    @media screen and (min-width: calc(650px + 6rem)) {
      margin-left: -5rem;
    }
  }
}

h1 {
  font-family: 'Ambroise std demi', sans-serif;
  font-weight: 400;
  line-height: 1.2em;
  font-size: 36px;
  text-transform: lowercase;
  text-decoration: none;
  text-align: left;
  letter-spacing: .01em;
  color: #cb0b0b;
}