@font-face {
    font-family: 'Boxed';
    src: url('/assets/fonts/BoxedExtralight.woff2') format('woff2'),
        url('/assets/fonts/BoxedExtralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Boxed';
    src: url('/assets/fonts/BoxedRegular-Bold.woff2') format('woff2'),
        url('/assets/fonts/BoxedRegular-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Boxed';
    src: url('/assets/fonts/BoxedSemibold.woff2') format('woff2'),
        url('/assets/fonts/BoxedSemibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Boxed';
    src: url('/assets/fonts/BoxedMedium.woff2') format('woff2'),
        url('/assets/fonts/BoxedMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Boxed';
    src: url('/assets/fonts/BoxedRegular.woff2') format('woff2'),
        url('/assets/fonts/BoxedRegular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Boxed';
    src: url('/assets/fonts/BoxedThin.woff2') format('woff2'),
        url('/assets/fonts/BoxedThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Boxed Book';
    src: url('/assets/fonts/BoxedBook.woff2') format('woff2'),
        url('/assets/fonts/BoxedBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Boxed';
    src: url('/assets/fonts/BoxedHeavy.woff2') format('woff2'),
        url('/assets/fonts/BoxedHeavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Boxed';
    src: url('/assets/fonts/BoxedLight.woff2') format('woff2'),
        url('/assets/fonts/BoxedLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}