@font-face {
    font-family: "Graphik";
    font-style: normal;
    font-weight: 400;
    src: local("Graphik"), url("/assets/fonts/GraphikRegular.otf") format("opentype");
}
@font-face {
    font-family: "Graphik";
    font-style: italic;
    font-weight: 400;
    src: local("Graphik"),
        url("/assets/fonts/GraphikRegularItalic.otf") format("opentype");
}
@font-face {
    font-family: "Graphik";
    font-style: normal;
    font-weight: 500;
    src: local("Graphik"), url("/assets/fonts/GraphikMedium.otf") format("opentype");
}
@font-face {
    font-family: "Graphik";
    font-style: italic;
    font-weight: 500;
    src: local("Graphik"),
        url("/assets/fonts/GraphikMediumItalic.otf") format("opentype");
}
@font-face {
    font-family: "Graphik";
    font-style: normal;
    font-weight: 600;
    src: local("Graphik"),
        url("/assets/fonts/GraphikSemibold.otf") format("opentype");
}
@font-face {
    font-family: "Graphik";
    font-style: italic;
    font-weight: 600;
    src: local("Graphik"),
        url("/assets/fonts/GraphikSemiboldItalic.otf") format("opentype");
}
@font-face {
    font-family: "Graphik";
    font-style: normal;
    font-weight: 700;
    src: local("Graphik"), url("/assets/fonts/GraphikBold.otf") format("opentype");
}
@font-face {
    font-family: "Graphik";
    font-style: italic;
    font-weight: 700;
    src: local("Graphik"),
        url("/assets/fonts/GraphikBoldItalic.otf") format("opentype");
}