@font-face {
  font-family: 'Roboto';
  src: url('/fonts/Roboto.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-body: 'Roboto', sans-serif;
  --font-h1: 'Montserrat', sans-serif;
  --font-h2: 'Montserrat', sans-serif;
  --font-h3: 'Montserrat', sans-serif;
  --font-h4: 'Roboto', sans-serif;
  --font-h5: 'Roboto', sans-serif;
  --font-h6: 'Roboto', sans-serif;
}

body {
  font-family: var(--font-body);
}

h1 {
  font-family: var(--font-h1);
}

h2 {
  font-family: var(--font-h2);
}

h3 {
  font-family: var(--font-h3);
}

h4 {
  font-family: var(--font-h4);
}

h5 {
  font-family: var(--font-h5);
}

h6 {
  font-family: var(--font-h6);
}