@font-face {
  font-family: 'Gilroy';
  font-style: normal;
  font-weight: 900;
  src: local('Gilroy Black'), local('Gilroy-Black'), 
       url('./gilroy-black.ttf') format('truetype');
}
@font-face {
  font-family: 'Gilroy';
  font-style: normal;
  font-weight: 700;
  src: local('Gilroy Bold'), local('Gilroy-Bold'),
       url('./gilroy-bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Gilroy';
  font-style: normal;
  font-weight: 600;
  src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'),
       url('./gilroy-semibold.ttf') format('truetype');
}
@font-face {
  font-family: 'Gilroy';
  font-style: normal;
  font-weight: 500;
  src: local('Gilroy Medium'), local('Gilroy-Medium'),
       url('./gilroy-medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Gilroy';
  font-style: normal;
  font-weight: 400;
  src: local('Gilroy Regular'), local('Gilroy-Regular'),
       url('./gilroy-regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Gilroy';
  font-style: normal;
  font-weight: 300;
  src: local('Gilroy Light'), local('Gilroy-Light'),
       url('./gilroy-light.ttf') format('truetype');
}