@font-face {
    font-family: 'Roboto';
    font-weight: 100;
    src: url('/static/fonts/roboto/roboto-100.woff2') format('woff2'), url('/static/fonts/roboto/roboto-100.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Roboto';
    font-weight: 300;
    src: url('/static/fonts/roboto/roboto-300.woff2') format('woff2'), url('/static/fonts/roboto/roboto-300.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Roboto';
    font-weight: 400;
    src: url('/static/fonts/roboto/roboto-400.woff2') format('woff2'), url('/static/fonts/roboto/roboto-400.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Roboto';
    font-weight: 500;
    src: url('/static/fonts/roboto/roboto-500.woff2') format('woff2'), url('/static/fonts/roboto/roboto-500.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Roboto';
    font-weight: 700;
    src: url('/static/fonts/roboto/roboto-700.woff2') format('woff2'), url('/static/fonts/roboto/roboto-700.ttf') format('truetype');
  }

  @font-face {
    font-family: 'Montserrat';
    font-weight: 400;
    src: url('/static/fonts/montserrat/montserrat-400.woff2') format('woff2'), url('/static/fonts/montserrat/montserrat-400.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Montserrat';
    font-weight: 600;
    src: url('/static/fonts/montserrat/montserrat-600.woff2') format('woff2'), url('/static/fonts/montserrat/montserrat-600.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    src: url('/static/fonts/montserrat/montserrat-700.woff2') format('woff2'), url('/static/fonts/montserrat/montserrat-700.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Montserrat';
    font-weight: 800;
    src: url('/static/fonts/montserrat/montserrat-800.woff2') format('woff2'), url('/static/fonts/montserrat/montserrat-800.ttf') format('truetype');
  }