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

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

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

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

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

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


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

@font-face {
    font-family: 'Obviously Narrow';
    src: url('../font/Obviously-NarrowBold.woff2') format('woff2'),
        url('../font/Obviously-NarrowBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


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

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

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

@font-face {
    font-family: 'Obviously Condensed';
    src: url('../font/Obviously-CondensedBold.woff2') format('woff2'),
        url('../font/Obviously-CondensedBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



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