@font-face {
    font-family:"Open Sans Bold";
    src:url("./fonts/OpenSans-Bold.woff2") format("woff2"),url("./fonts/OpenSans-Bold.woff") format("woff"),url("./fonts/OpenSans-Bold.otf") format("opentype");
    font-style:normal;font-weight:400;
}
        
@font-face {
    font-family: "Open Sans Bold Italic";
    src: url("./fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("./fonts/OpenSans-BoldItalic.woff") format("woff"), url("./fonts/OpenSans-BoldItalic.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans ExtraBold";
    src: url("./fonts/OpenSans-ExtraBold.woff2") format("woff2"), url("./fonts/OpenSans-ExtraBold.woff") format("woff"), url("./fonts/OpenSans-ExtraBold.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans ExtraBold Italic";
    src: url("./fonts/OpenSans-ExtraBoldItalic.woff2") format("woff2"), url("./fonts/OpenSans-ExtraBoldItalic.woff") format("woff"), url("./fonts/OpenSans-ExtraBoldItalic.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans Italic";
    src: url("./fonts/OpenSans-Italic.woff2") format("woff2"), url("./fonts/OpenSans-Italic.woff") format("woff"), url("./fonts/OpenSans-Italic.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans Light";
    src: url("./fonts/OpenSans-Light.woff2") format("woff2"), url("./fonts/OpenSans-Light.woff") format("woff"), url("./fonts/OpenSans-Light.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans Light Italic";
    src: url("./fonts/OpenSans-LightItalic.woff2") format("woff2"), url("./fonts/OpenSans-LightItalic.woff") format("woff"), url("./fonts/OpenSans-LightItalic.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans Regular";
    src: url("./fonts/OpenSans-Regular.woff2") format("woff2"), url("./fonts/OpenSans-Regular.woff") format("woff"), url("./fonts/OpenSans-Regular.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans SemiBold";
    src: url("./fonts/OpenSans-SemiBold.woff2") format("woff2"), url("./fonts/OpenSans-SemiBold.woff") format("woff"), url("./fonts/OpenSans-SemiBold.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans SemiBold Italic";
    src: url("./fonts/OpenSans-SemiBoldItalic.woff2") format("woff2"), url("./fonts/OpenSans-SemiBoldItalic.woff") format("woff"), url("./fonts/OpenSans-SemiBoldItalic.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans Condensed Bold";
    src: url("./fonts/OpenSansCondensed-Bold.woff2") format("woff2"), url("./fonts/OpenSansCondensed-Bold.woff") format("woff"), url("./fonts/OpenSansCondensed-Bold.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans Condensed Light";
    src: url("./fonts/OpenSansCondensed-Light.woff2") format("woff2"), url("./fonts/OpenSansCondensed-Light.woff") format("woff"), url("./fonts/OpenSansCondensed-Light.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Open Sans Condensed Light Italic";
    src: url("./fonts/OpenSansCondensed-LightItalic.woff2") format("woff2"), url("./fonts/OpenSansCondensed-LightItalic.woff") format("woff"), url("./fonts/OpenSansCondensed-LightItalic.otf") format("opentype");
    font-style: normal;
    font-weight: 400;
}