/* Regular */
@font-face {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/regular.woff2') format('woff2');
}

/* Bold */
@font-face {
    font-family: 'Atkinson Hyperlegible';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/bold.woff2') format('woff2');
}

/* Italic */
@font-face {
    font-family: 'Atkinson Hyperlegible';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/italic-102.woff2') format('woff2');
}

/* Bold Italic */
@font-face {
    font-family: 'Atkinson Hyperlegible';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/bolditalic-102.woff2') format('woff2');
}

/* Apply it to the body */
body {
    font-family: 'Atkinson Hyperlegible', sans-serif;
}