@font-face {
    font-family: "Title";
    font-style: normal;
    font-weight: 400;
    src:
        url("../fonts/Title.otf") format("opentype"),
        url("../fonts/Title.ttf") format("truetype");
}

@font-face {
    font-family: "Title-Slim";
    font-style: normal;
    font-weight: 400;
    src:
        url("../fonts/Title-Slim.woff2") format("woff2"),
        url("../fonts/Title-Slim.ttf") format("truetype"),
        url("../fonts/Title-Slim.otf") format("opentype");
}

/* Atkinson Hyperlegible Regular */
@font-face {
    font-family: "Atkinson Hyperlegible";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/AtkinsonHyperlegible-Regular.ttf") format("truetype");
}

/* Atkinson Hyperlegible Italic */
@font-face {
    font-family: "Atkinson Hyperlegible";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/AtkinsonHyperlegible-Italic.ttf") format("truetype");
}

/* Atkinson Hyperlegible Bold */
@font-face {
    font-family: "Atkinson Hyperlegible";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/AtkinsonHyperlegible-Bold.ttf") format("truetype");
}

/* Atkinson Hyperlegible Bold Italic */
@font-face {
    font-family: "Atkinson Hyperlegible";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/AtkinsonHyperlegible-BoldItalic.ttf") format("truetype");
}