@font-face {
  font-family: "SF-Pro-Display-Regular";
  src: url("../fonts/SF-Pro-Display-Regular.otf") format("truetype");
}
@font-face {
  font-family: "SF-Pro-Display-Medium";
  src: url("../fonts/SF-Pro-Display-Medium.otf") format("truetype");
}
@font-face {
  font-family: "SF-Pro-Display-Bold";
  src: url("../fonts/SF-Pro-Display-Bold.otf") format("truetype");
}
@font-face {
  font-family: "SF-Pro-Display-Semibold";
  src: url("../fonts/SF-Pro-Display-Semibold.otf") format("truetype");
}
@font-face {
  font-family: "Rubik-Regular";
  src: url("../fonts/Rubik-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik-Medium";
  src: url("../fonts/Rubik-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik-Bold";
  src: url("../fonts/Rubik-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Rubik-SemiBold";
  src: url("../fonts/Rubik-SemiBold.ttf") format("truetype");
}