@font-face {
    font-family: 'SF Pro Display';
    src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'),
    url('../fonts/sf/SFProDisplay-Bold.woff2') format('woff2'),
    url('../fonts/sf/SFProDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: local('SF Pro Display Light'), local('SFProDisplay-Light'),
    url('../fonts/sf/SFProDisplay-Light.woff2') format('woff2'),
    url('../fonts/sf/SFProDisplay-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
    url('../fonts/sf/SFProDisplay-Regular.woff2') format('woff2'),
    url('../fonts/sf/SFProDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'),
    url('../fonts/sf/SFProDisplay-Medium.woff2') format('woff2'),
    url('../fonts/sf/SFProDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold'),
    url('../fonts/sf/SFProDisplay-Semibold.woff2') format('woff2'),
    url('../fonts/sf/SFProDisplay-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: local('SF Pro Display Thin'), local('SFProDisplay-Thin'),
    url('../fonts/sf/SFProDisplay-Thin.woff2') format('woff2'),
    url('../fonts/sf/SFProDisplay-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tenor Sans';
    src: local('Tenor Sans'), local('TenorSans'),
    url('../fonts/tenor/TenorSans.woff2') format('woff2'),
    url('../fonts/tenor/TenorSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Morely Personal Use';
    src: local('Morely Personal Use'), local('MorelyPersonalUse'),
    url('../fonts/morely/MorelyPersonalUse.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bw Gradual';
    src: local('Bw Gradual Bold'), local('BwGradual-Bold'),
    url('../fonts/bw-gradual/BwGradual-Bold.woff2') format('woff2'),
    url('../fonts/bw-gradual/BwGradual-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Serif';
    src: local('PT Serif'), local('PT-Serif'),
    url('../fonts/pt-serif/pt-serif_regular.woff2') format('woff2'),
    url('../fonts/pt-serif/pt-serif_regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}