@-ms-viewport { width: device-width; }

*, *::before, *::after {
  box-sizing: inherit;
	// word-break: keep-all;
	// hyphens: auto;
	// overflow-wrap: break-word;
	// word-wrap: anywhere; // ms version of following
	// white-space: initial;
}

html {
  box-sizing: border-box;

	-moz-osx-font-smoothing: grayscale; // unify font rendering
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased; // unify font rendering
	-webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  font-family: 'GraphikWeb', sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-kerning: normal;
  line-height: lerp((14px: 1.6em, 64px: 1.1em), 1em);
  letter-spacing: lerp((8px: 0.2px, 64px: -0.9px), 1em);
	hyphens: auto;
	overflow-wrap: break-word;
	word-break: normal;
	word-wrap: break-word; // old version of overflow-wrap
	// direction: ltr;
	// text-align: left;
	text-rendering: auto; // faster, stabler than optimizeLegibility
  // background-color: white;
  // color: black;
}

html,
body {
  height: 100%;
}

body, p, table, blockquote, address, pre, iframe, form, figure, dl, h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

main {
  display: block;
}

#__docusaurus {
  // overflow-x: hidden;
  // overflow-y: auto;
	// min-height: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  > * {
    flex: 0 0 auto;
    width: 100%;
  }
}

main.main {
  flex: 1 0 auto !important;
  display: flex;
  align-items: stretch;
  // min-height: 0;
}