@font-face {
    font-family: 'Artifakt Element';
    src: url('artifaktelement-regular.eot'); /* IE 9 Compatibility Mode */
    src: url('artifaktelement-regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */ url('artifaktelement-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('artifaktelement-regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */ url('artifaktelement-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('artifaktelement-regular.svg#artifaktelement-regular') format('svg'); /* Chrome < 4, Legacy iOS */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Artifakt Element";
    src: url("artifaktelement-bold.eot");
    src: url("artifaktelement-bold.eot?#iefix") format("embedded-opentype"),
    url("artifaktelement-bold.woff") format("woff"),
    url("artifaktelement-bold.woff2") format("woff2"),
    url("artifaktelement-bold.ttf") format("truetype"),
    url("artifaktelement-bold.svg#Artifakt Element") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}