@font-face {
    font-family: "StackSansNotch";
    font-display: swap;
    src: url("/fonts/others/StackSansNotch-Bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "StackSansNotch";
    font-display: swap;
    src: url("/fonts/others/StackSansNotch-ExtraLight.ttf") format("truetype");
    font-weight: 200;
}

@font-face {
    font-family: "StackSansNotch";
    font-display: swap;
    src: url("/fonts/others/StackSansNotch-Light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "StackSansNotch";
    font-display: swap;
    src: url("/fonts/others/StackSansNotch-Regular.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "StackSansNotch";
    font-display: swap;
    src: url("/fonts/others/StackSansNotch-Medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "StackSansNotch";
    font-display: swap;
    src: url("/fonts/others/StackSansNotch-SemiBold.ttf") format("truetype");
    font-weight: 600;
}

.font-stack-sans-notch, 
.font-stack-sans-notch span, 
h1.font-stack-sans-notch span, 
h2.font-stack-sans-notch span, 
h3.font-stack-sans-notch span, 
h4.font-stack-sans-notch span, 
h5.font-stack-sans-notch span, 
h6.font-stack-sans-notch span,
p.font-stack-sans-notch span,
span.font-stack-sans-notch span {
    font-family: "StackSansNotch", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
}