@font-face {
    font-family: "Regular";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/CeraPro/CeraPro-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: "Bold";
    src: url(../fonts/CeraPro/CeraPro-Bold.ttf);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Semi-Bold";
    src: url(../fonts/CeraPro/CeraPro-Medium.ttf);
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Italic";
    src: url(../fonts/CeraPro/CeraPro-Italic.ttf);
    font-display: swap;
}

@font-face {
    font-family: "Light";
    src: url(../fonts/CeraPro/CeraPro-Light.ttf);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Thin";
    src: url(../fonts/CeraPro/CeraPro-Thin.ttf);
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Hack";
    src: url(../fonts/Hack/Hack-Bold.ttf);
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Hack-meduim";
    src: url(../fonts/Hack/Hack-Regular.ttf);
    font-weight: 500;
    font-display: swap;
}