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

    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url('/fonts/Montserrat-Regular.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Montserrat';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url('/fonts/Montserrat-Italic.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Montserrat';
        font-style: italic;
        font-weight: 500;
        font-display: swap;
        src: url('/fonts/Montserrat-MediumItalic.woff2') format('woff2');
    }

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


    @font-face {
        font-family: 'Montserrat';
        font-style: italic;
        font-weight: 600;
        font-display: swap;
        src: url('/fonts/Montserrat-SemiBoldItalic.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 600;
        font-display: block;
        src: url('/fonts/Montserrat-SemiBold.woff2') format('woff2');
    }

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

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 300;
        font-display: swap;
        src: url('/fonts/OpenSans-Light.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 300;
        font-display: swap;
        src: url('/fonts/OpenSans-LightItalic.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url('/fonts/OpenSans-Regular.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 400;
        font-display: swap;
        src: url('/fonts/OpenSans-Italic.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 500;
        font-display: block;
        src: url('/fonts/OpenSans-Medium.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 500;
        font-display: swap;
        src: url('/fonts/OpenSans-MediumItalic.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: url('/fonts/OpenSans-SemiBold.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 600;
        font-display: swap;
        src: url('/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: url('/fonts/OpenSans-Bold.woff2') format('woff2');
    }

    @font-face {
        font-family: 'Open Sans';
        font-style: italic;
        font-weight: 700;
        font-display: swap;
        src: url('./fonts/OpenSans-BoldItalic.woff2') format('woff2');
    }


    :root {
        --font-family-content: 'Open Sans', sans-serif;
        --font-family-headers: 'Montserrat', sans-serif;
    }

    
    /* @font-face {
        font-family: 'Roboto SemiCondensed';
        src: url('/fonts/RobotoSemiCondensed-Bold.woff2') format('woff2');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto SemiCondensed';
        src: url('/fonts/RobotoSemiCondensed-Italic.woff2') format('woff2');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto SemiCondensed';
        src: url('/fonts/RobotoSemiCondensed-Light.woff2') format('woff2');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto SemiCondensed';
        src: url('/fonts/RobotoSemiCondensed-Medium.woff2') format('woff2');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto SemiCondensed';
        src: url('/fonts/RobotoSemiCondensed-Regular.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto SemiCondensed';
        src: url('/fonts/RobotoSemiCondensed-SemiBold.woff2') format('woff2');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto';
        src: url('/fonts/Roboto-Bold.woff2') format('woff2');
        font-weight: bold;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto';
        src: url('/fonts/Roboto-Italic.woff2') format('woff2');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }

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

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

    @font-face {
        font-family: 'Roboto';
        src: url('/fonts/Roboto-Regular.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto';
        src: url('/fonts/Roboto-SemiBold.woff2') format('woff2');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto';
        src: url('/fonts/Roboto-Italic.woff2') format('woff2');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto';
        src: url('/fonts/Roboto-Regular.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto Condensed';
        src: url('/fonts/RobotoCondensed-Bold.woff2') format('woff2');
        font-weight: bold;
        font-style: normal;
        font-display: wap;
    }

    @font-face {
        font-family: 'Roboto Condensed';
        src: url('/fonts/RobotoCondensed-Italic.woff2') format('woff2');
        font-weight: normal;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto Condensed';
        src: url('/fonts/RobotoCondensed-Light.woff2') format('woff2');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto Condensed';
        src: url('/fonts/RobotoCondensed-Medium.woff2') format('woff2');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto Condensed';
        src: url('/fonts/RobotoCondensed-Regular.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Roboto Condensed';
        src: url('/fonts/RobotoCondensed-SemiBold.woff2') format('woff2');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    } */