/* Trivia Sans */
@font-face {
    font-family: "TriviaSans";
    src: url("TriviaSansHairline.otf") format("opentype");
    font-weight: 100;
}
@font-face {
    font-family: "TriviaSans";
    src: url("TriviaSansHairline-Italic.otf") format("opentype");
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: "TriviaSans";
    src: url("TriviaSansLight.otf") format("opentype");
    font-weight: 300;
}
@font-face {
    font-family: "TriviaSans";
    src: url("TriviaSansRegular.otf") format("opentype");
    font-weight: 400;
}
@font-face {
    font-family: "TriviaSans";
    src: url("TriviaSansMedium.otf") format("opentype");
    font-weight: 500;
}
@font-face {
    font-family: "TriviaSans";
    src: url("TriviaSansRegular-Bold.otf") format("opentype");
    font-weight: bold;
}
@font-face {
    font-family: "TriviaSans";
    src: url("TriviaSansRegular-Italic.otf") format("opentype");
    font-style: italic;
}
@font-face {
    font-family: "TriviaSans";
    src: url("TriviaSansBlack.otf") format("opentype");
    font-weight: 900;
}
@font-face {
    font-family: "TriviaSans";
    src: url("TriviaSansBlack-Italic.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: "TriviaSansBook";
    src: url("TriviaSansBook.otf") format("opentype");
}
/* Trivia Serif */
@font-face {
    font-family: "TriviaSerif";
    src: url("TriviaSerifHairline.otf") format("opentype");
    font-weight: 100;
}
@font-face {
    font-family: "TriviaSerif";
    src: url("TriviaSerifLight.otf") format("opentype");
    font-weight: 300;
}
@font-face {
    font-family: "TriviaSerif";
    src: url("TriviaSerifRegular.otf") format("opentype");
    font-weight: 400;
}
@font-face {
    font-family: "TriviaSerif";
    src: url("TriviaSerifRegular-Italic.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "TriviaSerif";
    src: url("TriviaSerifMedium.otf") format("opentype");
    font-weight: 500;
}
@font-face {
    font-family: "TriviaSerif";
    src: url("TriviaSerifRegular-Bold.otf") format("opentype");
    font-weight: bold;
}
@font-face {
    font-family: "TriviaSerif";
    src: url("TriviaSerifBlack.otf") format("opentype");
    font-weight: 900;
}
@font-face {
    font-family: "TriviaSerif";
    src: url("TriviaSerifBlack-Italic.otf") format("opentype");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: "TriviaSerifBook";
    src: url("TriviaSerifBook.otf") format("opentype");
}
@font-face {
    font-family: "TriviaSerifBook";
    src: url("TriviaSerifBook-Italic.otf") format("opentype");
    font-style: italic;
}