@font-face {
    font-family: "Valkyrie A";
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    font-display: auto;
    src: url("data:font/woff2;base64," + $valkyrie-a-regular) format("woff2");
}

@font-face {
    font-family: "Valkyrie A";
    font-style: italic;
    font-weight: normal;
    font-stretch: normal;
    font-display: auto;
    src: url("data:font/woff2;base64," + $valkyrie-a-italic) format("woff2");
}

@font-face {
    font-family: "Valkyrie A";
    font-style: normal;
    font-weight: bold;
    font-stretch: normal;
    font-display: auto;
    src: url("data:font/woff2;base64," + $valkyrie-a-bold) format("woff2");
}

@font-face {
    font-family: "Valkyrie A";
    font-style: italic;
    font-weight: bold;
    font-stretch: normal;
    font-display: auto;
    src: url("data:font/woff2;base64," + $valkyrie-a-bold-italic)
        format("woff2");
}

@font-face {
    font-family: "MD IO";
    src: url("data:font/woff2;base64," + $md-io-regular) format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "MD IO";
    src: url("data:font/woff2;base64," + $md-io-italic) format("woff2");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "MD IO";
    src: url("data:font/woff2;base64," + $md-io-bold) format("woff2");
    font-weight: bold;
    font-style: normal;
}