@font-face {
  font-family: "matter-sq";
  src: url(./fonts/MatterSQ-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "matter-sq";
  src: url(./fonts/MatterSQ-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "matter-sq";
  src: url(./fonts/MatterSQ-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "matter-sq";
  src: url(./fonts/MatterSQ-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: "cousine";
  src: url("fonts/Cousine-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "cousine";
  src: url("fonts/Cousine-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "cousine";
  src: url("fonts/Cousine-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "cousine";
  src: url("./fonts/Cousine-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}