@font-face {
    font-family: 'Hatton';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(2a98ec03-8243-4f61-a353-66d37c3323a1.otf) format('truetype');
}

@font-face {
    font-family: 'Hatton';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(0c504a29-28b2-40bd-9ee8-d77171ca237d.otf) format('truetype');
}

@font-face {
    font-family: 'Hatton';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(c3222d47-8143-4a23-99da-335d61daccbe.otf) format('truetype');
}

@font-face {
    font-family: 'Hatton';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(67a74c89-7f15-41f9-a20f-d8f2c81f8185.otf) format('truetype');
}

@font-face {
    font-family: 'Hatton';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(018e511c-6493-4b8a-889d-ff9c0bcfb771.otf) format('truetype');
}

@font-face {
    font-family: 'Hatton';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(e592fef1-8eea-41b0-abbe-a894b5bb5319.otf) format('truetype');
}