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

::selection {
  color: rgb(var(--color-background));
  background-color: rgb(var(--color-text));
}

::-moz-selection {
  color: rgb(var(--color-background));
  background-color: rgb(var(--color-text));
}

html {
  font-size: 16px;
}

@supports(display: grid) {

  html {
    font-size: 10px;
  }

}

body {
  margin: 0;
  padding: 0;
  font-size: var(--type-base);
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-background));
  overflow-x: hidden;
}