@font-face {
    font-family: 'Beatrice Deck';
    src: url('BeatriceDeckTrial-Regular.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Beatrice Deck';
    src: url('styles/fonts/BeatriceDeck-BoldItalic.ttf');
    font-weight: 700px;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Beatrice Deck';
    src: url('styles/fonts/BeatriceDeck-Medium.ttf');
    font-weight: 500px;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Beatrice Deck';
    src: url('styles/fonts/BeatriceDeck-Extrabold.ttf');
    font-weight: 800px;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Beatrice Deck';
    src: url('styles/fonts/BeatriceDeck-Light.ttf');
    font-weight: 300px;
    font-style: normal;
    font-display: swap;
}