@font-face {
    font-family: "EBGaramond-bold";
    src: local("EBGaramond-bold"), url("./fonts/EBGaramond-Bold.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "EBGaramond-italic";
    src: local("EBGaramond-italic"), url("./fonts/EBGaramond-Italic.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "EBGaramond-Medium";
    src: local("EBGaramond-Medium"), url("./fonts/EBGaramond-Medium.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
}

@font-face {
    font-family: "EBGaramond-Regular";
    src: local("EBGaramond-Regular"), url("./fonts/EBGaramond-Regular.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "WorkSans-Bold";
    src: local("WorkSans-Bold"), url("./fonts/WorkSans-Bold.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "WorkSans-Light";
    src: local("WorkSans-Light"), url("./fonts/WorkSans-Light.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
}
@font-face {
    font-family: "WorkSans-LightItalic";
    src: local("WorkSans-LightItalic"), url("./fonts/WorkSans-LightItalic.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
}

@font-face {
    font-family: "WorkSans-Regular";
    src: local("WorkSans-Regular"), url("./fonts/WorkSans-Regular.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}