@font-face {
  font-family: 'Roboto';
  src: url("../fonts/roboto_flex.fd2ffe6001f3.woff2") format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'FjallaOne';
    src: url("../fonts/FjallaOne-Regular.ec1b2f280f4d.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

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

html {
  -webkit-text-size-adjust: 100%;
}

:root {
  --size-xxxs: 0.125rem;
  --size-xxs: 0.25rem;
  --size-xs: 0.5rem;
  --size-sm: 0.75rem;
  --size-md: 1rem;
  --size-lg: 1.5rem;
  --size-xl: 2rem;
  --size-xxl: 2.5rem;
  --size-xxxl: 3rem;

  --color-white: #FFFFFF;
  --color-text: #000000;
  --color-primary: #03E3FC;
  --color-secondary: #038BFC;
  --color-background: #f9f9f9;
  --color-background-secondary: #ffffff;
}