@font-face {
    font-family: "Inter";
    src: url( '../fonts/Inter_18pt-Bold.ttf' ) format( 'truetype' );
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: "Inter";
    src: url( '../fonts/Inter_18pt-Regular.ttf' ) format( 'truetype' );
    font-style: normal;
    font-weight: 400;
}



@font-face {
    font-family: "SpaceGrotesk";
    src: url( '../fonts/SpaceGrotesk-Light.woff' ) format( 'woff' );
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: "SpaceGrotesk";
    src: url( '../fonts/SpaceGrotesk-Regular.woff' ) format( 'woff' );
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "SpaceGrotesk";
    src: url( '../fonts/SpaceGrotesk-Medium.woff' ) format( 'woff' );
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: "SpaceGrotesk";
    src: url( '../fonts/SpaceGrotesk-Bold.woff' ) format( 'woff' );
    font-style: normal;
    font-weight: 700;
}



@font-face {
    font-family: "OpenSauceOne";
    src: url( '../fonts/OpenSauceOne-Light.ttf' ) format( 'truetype' );
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: "OpenSauceOne";
    src: url( '../fonts/OpenSauceOne-Regular.ttf' ) format( 'truetype' );
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: "OpenSauceOne";
    src: url( '../fonts/OpenSauceOne-Medium.ttf' ) format( 'truetype' );
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: "OpenSauceOne";
    src: url( '../fonts/OpenSauceOne-Bold.ttf' ) format( 'truetype' );
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: "OpenSauceOne";
    src: url( '../fonts/OpenSauceOne-Black.ttf' ) format( 'truetype' );
    font-style: normal;
    font-weight: 900;
}