@font-face {
    font-family: 'Graphie';
    src: url('Graphie-Bold.otf') format('opentype'),
        url('Graphie-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Graphie';
    src: url('Graphie-SemiBold.otf') format('opentype'),
        url('Graphie-SemiBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Graphie';
    src: url('Graphie-Regular.otf') format('opentype'),
        url('Graphie-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}
/* @font-face {
     font-family: 'Graphie';
     src: url('../assets/fonts/graphie/Graphie-Italic.otf') format('opentype'),
          url('../assets/fonts/graphie/Graphie-Italic.ttf') format('truetype');
     font-style: normal;
     font-weight: 400;
 	font-display: swap
 }*/