/* Be aware, path to fonts should be the same as if you want to place this file in nextjs pages folder */
/* NextJS has public as an entry point for every static files */

@font-face {
  font-family: 'Unbounded-Regular';
  src: url('/assets/fonts/Unbounded-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Unbounded-Black';
  src: url('/assets/fonts/Unbounded-Black.ttf') format('truetype');
  font-weight: 800;
}

@font-face {
  font-family: 'Unbounded-Bold';
  src: url('/assets/fonts/Unbounded-Bold.ttf') format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: 'Unbounded-ExtraBold';
  src: url('/assets/fonts/Unbounded-ExtraBold.ttf') format('truetype');
  font-weight: 800;
}

@font-face {
  font-family: 'Unbounded-ExtraLight';
  src: url('/assets/fonts/Unbounded-ExtraLight.ttf') format('truetype');
  font-weight: 200;
}

@font-face {
  font-family: 'Unbounded-Light';
  src: url('/assets/fonts/Unbounded-Light.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'Unbounded-Medium';
  src: url('/assets/fonts/Unbounded-Medium.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: 'Unbounded-SemiBold';
  src: url('/assets/fonts/Unbounded-SemiBold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'Mulish-Regular';
  src: url('/assets/fonts/Mulish-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Mulish-Black';
  src: url('/assets/fonts/Mulish-Black.ttf') format('truetype');
  font-weight: 800;
}

@font-face {
  font-family: 'Mulish-Bold';
  src: url('/assets/fonts/Mulish-Bold.ttf') format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: 'Mulish-ExtraBold';
  src: url('/assets/fonts/Mulish-ExtraBold.ttf') format('truetype');
  font-weight: 800;
}

@font-face {
  font-family: 'Mulish-ExtraLight';
  src: url('/assets/fonts/Mulish-ExtraLight.ttf') format('truetype');
  font-weight: 200;
}

@font-face {
  font-family: 'Mulish-Light';
  src: url('/assets/fonts/Mulish-Light.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'Mulish-Medium';
  src: url('/assets/fonts/Mulish-Medium.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: 'Mulish-SemiBold';
  src: url('/assets/fonts/Mulish-SemiBold.ttf') format('truetype');
  font-weight: 600;
}