@font-face {
    font-family: 'Adjusted Impact Fallback';
    src: local(Impact);
    size-adjust: 79%;
    ascent-override: 109%;
    descent-override: 43%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Adjusted Arial Fallback';
    src: local(Arial);
    size-adjust: 109%;
    ascent-override: 92%;
    descent-override: 11%;
    line-gap-override: 3%;
}


@font-face {
  font-family: "BebasNeue";
  src: url("BebasNeue-Regular.woff2") format("woff2"),
    url("BebasNeue-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 400.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: "WorkSans";
  src: url("WorkSans-Variable.woff2") format("woff2"),
    url("WorkSans-Variable.woff") format("woff");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 400.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: "WorkSans";
  src: url("WorkSans-VariableItalic.woff2") format("woff2"),
    url("WorkSans-VariableItalic.woff") format("woff");
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
}