@font-face {
    font-family: 'Staatliches';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('../fonts/staatliches-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Sen';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/sen-400.woff2') format('woff2'), url('../fonts/sen-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Sen';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/sen-500.woff2') format('woff2'), url('../fonts/sen-500.ttf') format('truetype');
}

@font-face {
    font-family: 'Sen';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/sen-600.woff2') format('woff2'), url('../fonts/sen-600.ttf') format('truetype');
}

@font-face {
    font-family: 'Sen';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/sen-700.woff2') format('woff2'), url('../fonts/sen-700.ttf') format('truetype');
}

@font-face {
    font-family: 'Sen';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/sen-800.woff2') format('woff2'), url('../fonts/sen-800.ttf') format('truetype');
}

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

@font-face {
    font-family: 'DS-Digital';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/ds-digital-400.woff') format('woff');
}

/* Metric-matched fallback for Sen (Arial size-adjusted to Sen's advance widths,
   computed from the font tables). While Sen downloads, text lays out at near-
   identical line lengths and heights, so the font-display:swap repaint causes
   ~zero layout shift. Used via the 'Sen','Sen-fallback',sans-serif stacks. */
@font-face {
    font-family: 'Sen-fallback';
    src: local('Arial');
    size-adjust: 106.21%;
    ascent-override: 88.45%;
    descent-override: 24.82%;
    line-gap-override: 0%;
}