@font-face {
    font-family: "myriad-pro";
    src: url("./bold.woff2"), url("./bold.woff"), url("./bold") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "myriad-pro";
    src: url("./bold-italic.woff2"), url("./bold-italic.woff"), url("./bold-italic") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "myriad-pro";
    src: url("./regular.woff2"), url("./regular.woff"), url("./regular") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "myriad-pro";
    src: url("./regular-italic.woff2"), url("./regular-italic.woff"), url("./regular-italic") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "myriad-pro";
    src: url("./thin.woff2"), url("./thin.woff"), url("./thin") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
}

@font-face {
    font-family: "myriad-pro";
    src: url("./thin-italic.woff2"), url("./thin-italic.woff"), url("./thin-italic") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 300;
    font-stretch: normal;
}