@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;
}

/* Light (300) */
@font-face {
    font-family: "Sentient";
    src: url("fonts/Sentient-Light.woff2") format("woff2"),
         url("fonts/Sentient-Light.woff") format("woff"),
         url("fonts/Sentient-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Light Italic (300 Italic) */
@font-face {
    font-family: "Sentient";
    src: url("fonts/Sentient-LightItalic.woff2") format("woff2"),
         url("fonts/Sentient-LightItalic.woff") format("woff"),
         url("fonts/Sentient-LightItalic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

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

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

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

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