@font-face {
    font-family: 'Dinsical';
    src: url("/fonts/Dinsical[wght]-1025.woff2") format("woff2");
    font-weight: 300 900;
    font-display: swap;
}

@font-face {
    font-family: 'Dinsical';
    src: url("/fonts/Dinsical-Italic[wght]-1025.woff2") format("woff2");
    font-weight: 300 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Monsical';
    src:url('/fonts/Monsical-Regular-1002.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Monsical';
    src:url('/fonts/Monsical-Italic-1002.woff2') format('woff2');
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Monsical';
    src:url('/fonts/Monsical-Bold-1002.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Monsical';
    src:url('/fonts/Monsical-BoldItalic-1002.woff2') format('woff2');
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

/* New marketing site & auth pages font Agrandir. */
@font-face {
    font-family: Agrandir;
    font-style: normal;
    font-weight: 300;
    src: url("/fonts/agrandir/PPAgrandir-Thin.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: italic;
    font-weight: 300;
    src: url("/fonts/agrandir/PPAgrandir-ThinItalic.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: normal;
    font-weight: 400;
    src: url("/fonts/agrandir/PPAgrandir-Regular.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: italic;
    font-weight: 400;
    src: url("/fonts/agrandir/PPAgrandir-Italic.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: normal;
    font-weight: 500;
    src: url("/fonts/agrandir/PPAgrandir-Medium.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: italic;
    font-weight: 500;
    src: url("/fonts/agrandir/PPAgrandir-MediumItalic.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: normal;
    font-weight: 700;
    src: url("/fonts/agrandir/PPAgrandir-Bold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: italic;
    font-weight: 700;
    src: url("/fonts/agrandir/PPAgrandir-BoldItalic.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: normal;
    font-weight: 800;
    src: url("/fonts/agrandir/PPAgrandir-Heavy.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: italic;
    font-weight: 800;
    src: url("/fonts/agrandir/PPAgrandir-HeavyItalic.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: normal;
    font-weight: 900;
    src: url("/fonts/agrandir/PPAgrandir-Black.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: Agrandir;
    font-style: italic;
    font-weight: 900;
    src: url("/fonts/agrandir/PPAgrandir-BlackItalic.woff2") format("woff2");
    font-display: swap;
}


/* New marketing site & auth pages font Manrope. */
@font-face {
    font-display: swap;
    font-family: Manrope;
    font-optical-sizing: auto;
    font-style: normal;
    src: url("/fonts/manrope/Manrope-VariableFont_wght.ttf") format("truetype");
}