@font-face {
    font-family: 'Area Normal';
    src: local('Area Normal Regular'), local('AreaNormal-Regular'),
        url('AreaNormal-Regular.woff2') format('woff2'),
        url('AreaNormal-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Extended';
    src: local('Area Extended Black'), local('AreaExtended-Black'),
        url('AreaExtended-Black.woff2') format('woff2'),
        url('AreaExtended-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: local('Area Normal Bold'), local('AreaNormal-Bold'),
        url('AreaNormal-Bold.woff2') format('woff2'),
        url('AreaNormal-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Extended';
    src: local('Area Extended Bold'), local('AreaExtended-Bold'),
        url('AreaExtended-Bold.woff2') format('woff2'),
        url('AreaExtended-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: local('Area Normal Thin'), local('AreaNormal-Thin'),
        url('AreaNormal-Thin.woff2') format('woff2'),
        url('AreaNormal-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: local('Area Normal SemiBold'), local('AreaNormal-SemiBold'),
        url('AreaNormal-SemiBold.woff2') format('woff2'),
        url('AreaNormal-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: local('Area Normal ExtraBold'), local('AreaNormal-ExtraBold'),
        url('AreaNormal-ExtraBold.woff2') format('woff2'),
        url('AreaNormal-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Extended';
    src: local('Area Extended Thin'), local('AreaExtended-Thin'),
        url('AreaExtended-Thin.woff2') format('woff2'),
        url('AreaExtended-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Extended';
    src: local('Area Extended SemiBold'), local('AreaExtended-SemiBold'),
        url('AreaExtended-SemiBold.woff2') format('woff2'),
        url('AreaExtended-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Normal';
    src: local('Area Normal Black'), local('AreaNormal-Black'),
        url('AreaNormal-Black.woff2') format('woff2'),
        url('AreaNormal-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Extended';
    src: local('Area Extended Regular'), local('AreaExtended-Regular'),
        url('AreaExtended-Regular.woff2') format('woff2'),
        url('AreaExtended-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Area Extended';
    src: local('Area Extended ExtraBold'), local('AreaExtended-ExtraBold'),
        url('AreaExtended-ExtraBold.woff2') format('woff2'),
        url('AreaExtended-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}