/** Heavy */
@font-face {
    font-family: "SF Heavy";
    font-weight: 800;
    src: url(./SF-Pro-Display-Heavy.otf);
}

@font-face {
    font-family: "SF Regular";
    font-weight: 400;
    src: url(./SF-Pro-Display-Regular.otf);
}

/** Bold */
@font-face {
    font-family: "SF Bold";
    font-weight: 700;
    src: url(./SF-Pro-Display-Bold.otf);
  }

/** ligth */
@font-face {
    font-family: "SF Ligth";
    font-weight: 200;
    src: url(./SF-Pro-Display-Light.otf);
  }


/** Medium */
@font-face {
  font-family: "SF Medium";
  font-weight: 400;
  src: url(./SF-Pro-Display-Medium.otf);
}