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

html {
  font-size: 62.5%; /* 10px/16px = 62.5% --> 1rem = 10px */

  /* Does not work on Safari and Microsoft Edge */
  scroll-behavior: smooth;
  backface-visibility: hidden;
}

body {
  font-family: var(--font-arial);
  font-size: var(--font-default);
  color: var(--color-secondary);
  font-weight: var(--weight-normal);
  line-height: var(--lheight-body);
  backface-visibility: hidden;
}