/* Reset */
*,
::before,
::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

ol, ul {
  list-style: none;
}

img,
svg,
video,
canvas,
picture {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
button,
select,
textarea {
  font-family: 'HankenGrotesk', sans-serif;
}

p, h1, h2, h3, h4, h5, h6, span {
  overflow-wrap: break-word;
}

html, body {
  height: 100%;
  width: 100%;
  scroll-behavior: smooth;
}

@font-face {
  font-family: 'HankenGrotesk';
  src: url('../../font/HankenGrotesk-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; /* Because it's variable font */
  font-style: normal;
}

  body {
    font-family: 'HankenGrotesk', sans-serif;
  }