body, html {
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  overflow-wrap: anywhere;
  /*overflow-x: hidden; If this is turned on, position: sticky does not work*/
  box-sizing: border-box;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  font-family: var(--font-family-sans-serif);
  color: var(--color-black);
}
body {
  display: flex;
  flex-direction: column;
  width: 100%;
}

html.noscroll {
  overflow: hidden;
}

body.noscroll {
  overflow: hidden;
}

*, *:before, *:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
}