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


@font-face {
    font-family: "Involve";
    src: url("./fonts/Involve-Oblique.woff") format("woff"),
        url("./fonts/Involve-Oblique.ttf") format("truetype");
    font-style: oblique;
    font-weight: 400;
    font-display: swap;
}


@font-face {
    font-family: "Involve";
    src: url("./fonts/Involve-Medium.woff") format("woff"),
        url("./fonts/Involve-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}


@font-face {
    font-family: "Involve";
    src: url("./fonts/Involve-MediumOblique.woff") format("woff"),
        url("./fonts/Involve-MediumOblique.ttf") format("truetype");
    font-style: oblique;
    font-weight: 500;
    font-display: swap;
}


@font-face {
    font-family: "Involve";
    src: url("./fonts/Involve-SemiBold.woff") format("woff"),
        url("./fonts/Involve-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}


@font-face {
    font-family: "Involve";
    src: url("./fonts/Involve-SemiBoldOblique.woff") format("woff"),
        url("./fonts/Involve-SemiBoldOblique.ttf") format("truetype");
    font-style: oblique;
    font-weight: 600;
    font-display: swap;
}


@font-face {
    font-family: "Involve";
    src: url("./fonts/Involve-Bold.woff") format("woff"),
        url("./fonts/Involve-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}


@font-face {
    font-family: "Involve";
    src: url("./fonts/Involve-BoldOblique.woff") format("woff"),
        url("./fonts/Involve-BoldOblique.ttf") format("truetype");
    font-style: oblique;
    font-weight: 700;
    font-display: swap;
}