@font-face {
    font-family: "apercu";
    src: url("../fonts/apercu-font-family/apercu-light-pro.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "apercu";
    src: url("../fonts/apercu-font-family/apercu-light-italic-pro.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "apercu";
    src: url("../fonts/apercu-font-family/apercu-regular-pro.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "apercu";
    src: url("../fonts/apercu-font-family/apercu-medium-pro.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "apercu";
    src: url("../fonts/apercu-font-family/apercu-bold-pro.woff2") format("woff2");
    font-weight: 600;
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "apercu";
    src: url("../fonts/apercu-font-family/apercu-black-pro.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Hanken Grotesk";
    src: url("https://assets.awwwards.com/assets/fonts/hanken-grotesk/HankenGrotesk-VariableFont_wght.ttf") format("truetype");
    font-weight: 300 900
}