@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon2.woff2") format("woff2"),
         url("../assets/fonts/brandon2.woff") format("woff"),
         url("../assets/fonts/brandon2") format("opentype");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon4.woff2") format("woff2"),
         url("../assets/fonts/brandon4.woff") format("woff"),
         url("../assets/fonts/brandon4") format("opentype");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon6.woff2") format("woff2"),
         url("../assets/fonts/brandon6.woff") format("woff"),
         url("../assets/fonts/brandon6") format("opentype");
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon8.woff2") format("woff2"),
         url("../assets/fonts/brandon8.woff") format("woff"),
         url("../assets/fonts/brandon8") format("opentype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon10.woff2") format("woff2"),
         url("../assets/fonts/brandon10.woff") format("woff"),
         url("../assets/fonts/brandon10") format("opentype");
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "brandon-grotesque";
    src: url("../assets/fonts/brandon12.woff2") format("woff2"),
         url("../assets/fonts/brandon12.woff") format("woff"),
         url("../assets/fonts/brandon12") format("opentype");
    font-weight: 900;
    font-style: italic;
}