@font-face {
    font-family: "SF Display";
    font-weight: 900;
    src: url("../fonts/SF-UI-Display-Black.otf");
}


/** Bold */

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


/** Heavy */

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


/** Light */

@font-face {
    font-family: "SF Display";
    font-weight: 200;
    src: url("../fonts/SF-UI-Display-Light.otf");
}


/** Medium */

@font-face {
    font-family: "SF Display";
    font-weight: 500;
    src: url("../fonts/SF-UI-Display-Medium.otf");
}


/** Regular */

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


/** Semibold */

@font-face {
    font-family: "SF Display";
    font-weight: 600;
    src: url("../fonts/OneInventory-Demibold.otf");
}


/** Thin */

@font-face {
    font-family: "SF Display";
    font-weight: 300;
    src: url("../fonts/SF-UI-Display-Thin.otf");
}


/** Ultralight */

@font-face {
    font-family: "SF Display";
    font-weight: 100;
    src: url("../fonts/SF-UI-Display-Ultralight.otf");
}


/* Roboto Font */

@font-face {
    font-family: "Roboto Condensed";
    font-weight: 700;
    src: url("../fonts/RobotoCondensed-Bold.otf");
}

@font-face {
    font-family: "Roboto Condensed";
    font-weight: 400;
    src: url("../fonts/RobotoCondensed-Regular.otf");
}

@font-face {
    font-family: "Roboto Condensed";
    font-weight: 300;
    src: url("../fonts/RobotoCondensed-Light.otf");
}