@font-face {
    font-family: 'Retro Gaming';
    src: url('/fonts/RetroGaming/RetroGaming.woff2') format('woff2'),
         url('/fonts/RetroGaming/RetroGaming.woff') format('woff'),
	 url('/fonts/RetroGaming/Retro-Gaming.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {    
    font-family: 'Crux';
    src: url('/fonts/Crux/Coders-Crux.woff2') format('woff2'),
         url('/fonts/Crux/Coders-Crux.woff') format('woff'),   
	 url('/fonts/Crux/Crux.ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/********************/
/* SOURCE Serif PRO */
/********************/

@font-face {
    font-family: "Source Serif Pro";
    font-weight: 200;
    font-style: normal;
    src: url('/fonts/ssfp/SourceSerifPro-ExtraLight.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-ExtraLight.woff') format('woff');
    /*  for body text, display as soon as possible (presumably as system font Baskerville)
        and re-render with Source Serif Pro whenever it downloads:
        https://developers.google.com/web/updates/2016/02/font-display
        https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display
        https://caniuse.com/#search=font-display
        */
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 200;
    font-style: italic;
    src: url('/fonts/ssfp/SourceSerifPro-ExtraLightIt.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-ExtraLightIt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 300;
    font-style: normal;
    src: url('/fonts/ssfp/SourceSerifPro-Light.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-Light.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 300;
    font-style: italic;
    src: url('/fonts/ssfp/SourceSerifPro-ExtraLightIt.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-ExtraLightIt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 400;
    font-style: normal;
    src: url('/fonts/ssfp/SourceSerifPro-Regular.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 400;
    font-style: italic;
    src: url('SourceSerifPro-It.woff2') format('woff2'),
        url('SourceSerifPro-It.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 600;
    font-style: normal;
    src: url('/fonts/ssfp/SourceSerifPro-Semibold.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-Semibold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 600;
    font-style: italic;
    src: url('/fonts/ssfp/SourceSerifPro-SemiboldIt.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-SemiboldIt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 700;
    font-style: normal;
    src: url('/fonts/ssfp/SourceSerifPro-Bold.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 700;
    font-style: italic;
    src: url('/fonts/ssfp/SourceSerifPro-BoldIt.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-BoldIt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 900;
    font-style: normal;
    src: url('/fonts/ssfp/SourceSerifPro-Black.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-Black.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Serif Pro";
    font-weight: 900;
    font-style: italic;
    src: url('/fonts/ssfp/SourceSerifPro-BlackIt.woff2') format('woff2'),
        url('/fonts/ssfp/SourceSerifPro-BlackIt.woff') format('woff');
    font-display: swap;
}

/*******************/
/* SOURCE SANS PRO */
/*******************/

@font-face {
    font-family: "Source Sans Pro";
    font-weight: 200;
    font-style: normal;
    src: url('/fonts/ssp/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-ExtraLight.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 200;
    font-style: italic;
    src: url('/fonts/ssp/SourceSansPro-ExtraLightIt.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-ExtraLightIt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 300;
    font-style: normal;
    src: url('/fonts/ssp/SourceSansPro-Light.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-Light.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 300;
    font-style: italic;
    src: url('/fonts/ssp/SourceSansPro-LightIt.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-LightIt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 400;
    font-style: normal;
    src: url('/fonts/ssp/SourceSansPro-Regular.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 400;
    font-style: italic;
    src: url('/fonts/ssp/SourceSansPro-It.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-It.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 600;
    font-style: normal;
    src: url('/fonts/ssp/SourceSansPro-Semibold.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-Semibold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 600;
    font-style: italic;
    src: url('/fonts/ssp/SourceSansPro-SemiboldIt.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-SemiboldIt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 700;
    font-style: normal;
    src: url('/fonts/ssp/SourceSansPro-Bold.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 700;
    font-style: italic;
    src: url('/fonts/ssp/SourceSansPro-BoldIt.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-BoldIt.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 900;
    font-style: normal;
    src: url('/fonts/ssp/SourceSansPro-Black.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-Black.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: "Source Sans Pro";
    font-weight: 900;
    font-style: italic;
    src: url('/fonts/ssp/SourceSansPro-BlackIt.woff2') format('woff2'),
        url('/fonts/ssp/SourceSansPro-BlackIt.woff') format('woff');
    font-display: swap;
}