@layer base {

  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/../fonts/Roboto-Digits.ttf) format('truetype');
    unicode-range: U+0030-0039;
  }

  @font-face {
    font-family: 'Karla Regular';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url(/../fonts/Karla-Regular.woff) format('woff');
  }

  @font-face {
    font-family: 'Karla Bold';
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url(/../fonts/Karla-Bold.woff) format('woff');
  }
}