html, body {
  font-family: @font-family-title;
  font-size: 20px;
  color: @black;
}

@media (max-width: @mobile-breakpoint) {
  
  html, body {
    font-size: 12pt;
  }

}

::selection {
  background-color: @primary;
}

:focus {
  outline: @primary-dark solid 2px;
  outline-offset: 0;
}


:root {
  font-size: 100%;
}

html, body {
  font-family: @font-family-title;
  font-size: 1rem;
  color: @black;
}

::selection {
  background-color: @primary;
}

:focus {
  outline: @primary-dark solid 2px;
  outline-offset: 0;
}


Use font size proportional to base
Use font size proportional to base
