@font-face {
font-family: heliotrope;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/heliotrope_4_regular.woff2') format('woff2');
}

@font-face {
font-family: heliotrope;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/heliotrope_4_italic.woff2') format('woff2');
}

@font-face {
font-family: heliotrope;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/heliotrope_4_bold.woff2') format('woff2');
}

@font-face {
font-family: heliotrope;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/heliotrope_4_bold_italic.woff2') format('woff2');
}

@font-face {
font-family: triplicate;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_b_code_regular.woff2') format('woff2');
}

@font-face {
font-family: triplicate;
font-style: italic;
font-weight: normal;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_b_code_italic.woff2') format('woff2');
}

@font-face {
font-family: triplicate;
font-style: normal;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_b_code_bold.woff2') format('woff2');
}

@font-face {
font-family: triplicate;
font-style: italic;
font-weight: bold;
font-stretch: normal;
font-display: auto;
src: url('../fonts/triplicate_b_code_bold_italic.woff2') format('woff2');
}