/* font size responsive calculation */
* {
  --diff: calc(var(--max-size) - var(--min-size));
  --responsive: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 420px) / (1200 - 420))); /* Ranges from 421px to 1199px */
}

html {
  scroll-behavior: smooth;
  --scroll-behavior: smooth;
  font-weight: 300;
}

body {
  font-family: 'Rubik', sans-serif;
  margin: 0 auto;
  text-align: center;
  letter-spacing: var(--letter-default-spacing);
}

::selection {
  background-color: var(--secondary-color);
  color: var(--white-color);
}