@font-face {
  font-display: swap;
  font-family: "SF-Pro-Display-Bold";
  src: url("../fonts/sf-pro/SF-Pro-Display-Bold.otf") format("opentype");
}

@font-face {
  font-display: swap;
  font-family: "SF-Pro-Display-Medium";
  src: url("../fonts/sf-pro/SF-Pro-Display-Medium.otf") format("opentype");
}

@font-face {
  font-display: swap;
  font-family: "SF-Pro-Display-Regular";
  src: url("../fonts/sf-pro/SF-Pro-Display-Regular.otf") format("opentype");
}

@font-face {
  font-display: swap;
  font-family: "Roboto-Regular";
  src: url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Roboto-Bold";
  src: url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Montserrat-Regular";
  src: url("../fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Montserrat-Bold";
  src: url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype");
}