/* Roboto Font */
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-thin.ttf') format('truetype');
    font-weight: 100;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: 600;
  }
  @font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
  }
  
/* Quicksand Font */
@font-face {
  font-family: 'Quicksand';
  src: url('/fonts/quicksand/Quicksand-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'Quicksand';
  src: url('/fonts/quicksand/Quicksand-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Quicksand';
  src: url('/fonts/quicksand/Quicksand-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Quicksand';
  src: url('/fonts/quicksand/Quicksand-SemiBold.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'Quicksand';
  src: url('/fonts/quicksand/Quicksand-Bold.ttf') format('truetype');
  font-weight: 900;
}