@font-face {
    src: url("../fonts/OpenSauceSans-Light.ttf");
    font-family: "OpenSauce";
    font-style: normal;
    font-weight: 300;
}

@font-face {
    src: url("../fonts/OpenSauceSans-LightItalic.ttf");
    font-family: "OpenSauce";
    font-style: italic;
    font-weight: 300;
}

@font-face {
    src: url("../fonts/OpenSauceSans-Regular.ttf");
    font-family: "OpenSauce";
    font-style: normal;
    font-weight: 400;
}

@font-face {
    src: url("../fonts/OpenSauceSans-Italic.ttf");
    font-family: "OpenSauce";
    font-style: italic;
    font-weight: 400;
}

@font-face {
    src: url("../fonts/OpenSauceSans-Medium.ttf");
    font-family: "OpenSauce";
    font-style: normal;
    font-weight: 500;
}

@font-face {
    src: url("../fonts/OpenSauceSans-MediumItalic.ttf");
    font-family: "OpenSauce";
    font-style: italic;
    font-weight: 500;
}

@font-face {
    src: url("../fonts/OpenSauceSans-SemiBold.ttf");
    font-family: "OpenSauce";
    font-style: normal;
    font-weight: 600;
}

@font-face {
    src: url("../fonts/OpenSauceSans-SemiBoldItalic.ttf");
    font-family: "OpenSauce";
    font-style: italic;
    font-weight: 600;
}

@font-face {
    src: url("../fonts/OpenSauceSans-Bold.ttf");
    font-family: "OpenSauce";
    font-style: normal;
    font-weight: 700;
}

@font-face {
    src: url("../fonts/OpenSauceSans-BoldItalic.ttf");
    font-family: "OpenSauce";
    font-style: italic;
    font-weight: 700;
}

@font-face {
    src: url("../fonts/OpenSauceSans-ExtraBold.ttf");
    font-family: "OpenSauce";
    font-style: normal;
    font-weight: 800;
}

@font-face {
    src: url("../fonts/OpenSauceSans-ExtraBoldItalic.ttf");
    font-family: "OpenSauce";
    font-style: italic;
    font-weight: 800;
}

@font-face {
    src: url("../fonts/OpenSauceSans-Black.ttf");
    font-family: "OpenSauce";
    font-style: normal;
    font-weight: 900;
}

@font-face {
    src: url("../fonts/OpenSauceSans-BlackItalic.ttf");
    font-family: "OpenSauce";
    font-style: italic;
    font-weight: 900;
}