@font-face {
    font-family: 'SF UI Display';
    font-weight: 900;
    src: url('./sf-ui-display-black-58646a6b80d5a.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display';
    font-weight: 700;
    src: url('./sf-ui-display-bold-58646a511e3d9.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display';
    font-weight: 800;
    src: url('./sf-ui-display-heavy-586470160b9e5.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display';
    font-weight: 300;
    src: url('./sf-ui-display-light-58646b33e0551.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display';
    font-weight: 500;
    src: url('./sf-ui-display-medium-58646be638f96.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display';
    font-weight: 600;
    src: url('./sf-ui-display-semibold-58646eddcae92.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display';
    font-weight: 200;
    src: url('./sf-ui-display-thin-58646e9b26e8b.otf') format('opentype');
}

@font-face {
    font-family: 'SF UI Display';
    font-weight: 100;
    src: url('./sf-ui-display-ultralight-58646b19bf205.otf') format('opentype');
}

body, p, h1, h2, h3 {
    font-family: 'SF UI Display', sans-serif;
}