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

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

@font-face {
    font-family: "SF Pro";
    src: url("/fonts/sf-pro/SF-Pro-Text-Semibold.otf") format("opentype");
    font-weight: 600;
}

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

@font-face {
    font-family: "SF Pro Rounded";
    src: url("/fonts/sf-pro/SF-Pro-Rounded-Semibold.otf") format("opentype");
    font-weight: 600;
}

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

@font-face {
    font-family: "SF Pro Rounded";
    src: url("/fonts/sf-pro/SF-Pro-Rounded-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: medium;
}

@font-face {
    font-family: "Lato";
    src: url("/fonts/lato/Lato-Medium.ttf") format("opentype");
    font-weight: 500;
    font-style: medium;
}