@font-face {
    font-family: 'Ribes';
    src: url('Ribes-Black.woff2') format('woff2'),
        url('Ribes-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ribes';
    src: url('Ribes-Black.woff2') format('woff2'),
        url('Ribes-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ribes';
    src: url('Ribes-Light.woff2') format('woff2'),
        url('Ribes-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ribes';
    src: url('Ribes-Regular.woff2') format('woff2'),
        url('Ribes-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ribes';
    src: url('Ribes-Regular.woff2') format('woff2'),
        url('Ribes-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ribes';
    src: url('Ribes-Light.woff2') format('woff2'),
        url('Ribes-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-LightIta.woff2') format('woff2'),
        url('Plain-LightIta.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-Light.woff2') format('woff2'),
        url('Plain-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-Regular.woff2') format('woff2'),
        url('Plain-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-Bold.woff2') format('woff2'),
        url('Plain-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-Extrabold.woff2') format('woff2'),
        url('Plain-Extrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain Skeleton';
    src: url('Plain-SkeletonIta.woff2') format('woff2'),
        url('Plain-SkeletonIta.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-BoldIta.woff2') format('woff2'),
        url('Plain-BoldIta.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain Hairline';
    src: url('Plain-Hairline.woff2') format('woff2'),
        url('Plain-Hairline.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-Medium.woff2') format('woff2'),
        url('Plain-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain Hairline';
    src: url('Plain-HairlineIta.woff2') format('woff2'),
        url('Plain-HairlineIta.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-Black.woff2') format('woff2'),
        url('Plain-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain Super';
    src: url('Plain-Super.woff2') format('woff2'),
        url('Plain-Super.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-RegularIta.woff2') format('woff2'),
        url('Plain-RegularIta.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-ExtraboldIta.woff2') format('woff2'),
        url('Plain-ExtraboldIta.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-MediumIta.woff2') format('woff2'),
        url('Plain-MediumIta.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain Super';
    src: url('Plain-SuperIta.woff2') format('woff2'),
        url('Plain-SuperIta.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-BlackIta.woff2') format('woff2'),
        url('Plain-BlackIta.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain Skeleton';
    src: url('Plain-Skeleton.woff2') format('woff2'),
        url('Plain-Skeleton.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-ThinIta.woff2') format('woff2'),
        url('Plain-ThinIta.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-Thin.woff2') format('woff2'),
        url('Plain-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-UltralightIta.woff2') format('woff2'),
        url('Plain-UltralightIta.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Plain';
    src: url('Plain-Ultralight.woff2') format('woff2'),
        url('Plain-Ultralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain Ultrathin';
    src: url('Plain-Ultrathin.woff2') format('woff2'),
        url('Plain-Ultrathin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plain Ultrathin';
    src: url('Plain-UltrathinIta.woff2') format('woff2'),
        url('Plain-UltrathinIta.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}