@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("roboto-light.woff2") format("woff2"),
        url("roboto-light.woff") format("woff");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("roboto-regular.woff2") format("woff2"),
        url("roboto-regular.woff") format("woff");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("roboto-medium.woff2") format("woff2"),
        url("roboto-medium.woff") format("woff");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("roboto-bold.woff2") format("woff2"),
        url("roboto-bold.woff") format("woff");
}
@font-face {
    font-family: "Rockwell";
    font-style: normal;
    font-weight: 400;
    src: url("rockwell-reg.woff2") format("woff2"),
        url("rockwell-reg.woff") format("woff");
}
@font-face {
    font-family: "Rockwell";
    font-style: normal;
    font-weight: 700;
    src: url("rockwell-bold.woff2") format("woff2"),
        url("rockwell-bold.woff") format("woff");
}
@font-face {
    font-family: "AlternateGothic";
    font-style: normal;
    font-weight: 400;
    src: url("alternategothic.woff2") format("woff2"),
        url("alternategothic.woff") format("woff");
}
@font-face {
    font-family: "Encode";
    font-style: normal;
    font-weight: 400;
    src: url("EncodeSans-Regular.woff2") format("woff2"),
        url("EncodeSans-Regular.woff") format("woff");
}
@font-face {
    font-family: "Encode";
    font-style: normal;
    font-weight: 700;
    src: url("EncodeSans-Bold.woff2") format("woff2"),
        url("EncodeSans-Bold.woff") format("woff");
}