@font-face {
  font-family: "Rubik-Regular";
  src: url('../font/rubik/Rubik-Regular.ttf');
}
@font-face {
  font-family: "Rubik-Light";
  src: url('../font/rubik/Rubik-Light.ttf');
}
@font-face {
  font-family: "Rubik-Medium";
  src: url('../font/rubik/Rubik-Medium.ttf');
}
@font-face {
  font-family: "Rubik-Semi Bold";
  src: url('../font/rubik/Rubik-SemiBold.ttf');
}
@font-face {
  font-family: "Rubik-Bold";
  src: url('../font/rubik/Rubik-Bold.ttf');
}
@font-face {
  font-family: "Rubik-Extra Bold";
  src: url('../font/rubik/Rubik-ExtraBold.ttf');
}
@font-face {
  font-family: "Rubik-Black";
  src: url('../font/rubik/Rubik-Black.ttf');
}