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

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

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

@font-face {
    font-family: "Lato";
    src: url("fonts/Lato-BlackItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("fonts/IBMPlexSerif-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("fonts/IBMPlexSerif-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("fonts/IBMPlexSerif-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Serif";
    src: url("fonts/IBMPlexSerif-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: "Atkinson Hyperlegible Next";
    src:
        url("fonts/AtkinsonHyperlegibleNext-RegularItalic.woff2") format("woff2"),
        url("fonts/AtkinsonHyperlegibleNext-RegularItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Atkinson Hyperlegible Next";
    src:
        url("fonts/AtkinsonHyperlegibleNext-ExtraBold.woff2") format("woff2"),
        url("fonts/AtkinsonHyperlegibleNext-ExtraBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Atkinson Hyperlegible Next";
    src:
        url("fonts/AtkinsonHyperlegibleNext-ExtraBoldItalic.woff2") format("woff2"),
        url("fonts/AtkinsonHyperlegibleNext-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: "Atkinson Hyperlegible Mono";
    src:
        url("fonts/AtkinsonHyperlegibleMono-RegularItalic.woff2") format("woff2"),
        url("fonts/AtkinsonHyperlegibleMono-RegularItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Atkinson Hyperlegible Mono";
    src:
        url("fonts/AtkinsonHyperlegibleMono-ExtraBold.woff2") format("woff2"),
        url("fonts/AtkinsonHyperlegibleMono-ExtraBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Atkinson Hyperlegible Mono";
    src:
        url("fonts/AtkinsonHyperlegibleMono-ExtraBoldItalic.woff2") format("woff2"),
        url("fonts/AtkinsonHyperlegibleMono-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: "Inclusive Sans";
    src: url("fonts/InclusiveSans-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: "Inclusive Sans";
    src: url("fonts/InclusiveSans-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Source Serif 4";
    src: url("fonts/SourceSerif4-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Source Serif 4";
    src: url("fonts/SourceSerif4-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Source Serif 4";
    src: url("fonts/SourceSerif4-ExtraBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Source Serif 4";
    src: url("fonts/SourceSerif4-ExtraBoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "OpenDyslexic";
    src:
        url("fonts/OpenDyslexic-Regular.eot?#iefix") format("embedded-opentype"),
        url("fonts/OpenDyslexic-Regular.woff2") format("woff2"),
        url("fonts/OpenDyslexic-Regular.woff") format("woff"),
        url("fonts/OpenDyslexic-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "OpenDyslexic";
    src:
        url("fonts/OpenDyslexic-Italic.eot?#iefix") format("embedded-opentype"),
        url("fonts/OpenDyslexic-Italic.woff2") format("woff2"),
        url("fonts/OpenDyslexic-Italic.woff") format("woff"),
        url("fonts/OpenDyslexic-Italic.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "OpenDyslexic";
    src:
        url("fonts/OpenDyslexic-Bold.eot?#iefix") format("embedded-opentype"),
        url("fonts/OpenDyslexic-Bold.woff2") format("woff2"),
        url("fonts/OpenDyslexic-Bold.woff") format("woff"),
        url("fonts/OpenDyslexic-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "OpenDyslexic";
    src:
        url("fonts/OpenDyslexic-Bold-Italic.eot?#iefix") format("embedded-opentype"),
        url("fonts/OpenDyslexic-Bold-Italic.woff2") format("woff2"),
        url("fonts/OpenDyslexic-Bold-Italic.woff") format("woff"),
        url("fonts/OpenDyslexic-Bold-Italic.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}