/* 
  myfonts.css
  ===========
  This CSS file self-hosts the IBM Plex Sans and Rubik fonts using TTF files.
  Make sure the font files are placed in the appropriate folders:
    - IBM Plex Sans files in: //assets/fonts/ibm-plex-sans/
    - Rubik files in: //assets/fonts/rubik/
*/

/* ===============================
   IBM Plex Sans Font Faces
   =============================== */

/* IBM Plex Sans - Light (300) */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/assets/fonts/ibm-plex-sans/IBMPlexSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 300;
    src: url('/assets/fonts/ibm-plex-sans/IBMPlexSans-LightItalic.ttf') format('truetype');
}

/* IBM Plex Sans - Regular (400) */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/ibm-plex-sans/IBMPlexSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 400;
    src: url('/assets/fonts/ibm-plex-sans/IBMPlexSans-Italic.ttf') format('truetype');
}

/* IBM Plex Sans - Medium (500) */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 500;
    src: url('/assets/fonts/ibm-plex-sans/IBMPlexSans-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 500;
    src: url('/assets/fonts/ibm-plex-sans/IBMPlexSans-MediumItalic.ttf') format('truetype');
}

/* IBM Plex Sans - SemiBold (600) */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/ibm-plex-sans/IBMPlexSans-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 600;
    src: url('/assets/fonts/ibm-plex-sans/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');
}

/* IBM Plex Sans - Bold (700) */
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/fonts/ibm-plex-sans/IBMPlexSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 700;
    src: url('/assets/fonts/ibm-plex-sans/IBMPlexSans-BoldItalic.ttf') format('truetype');
}

/* ===============================
   Rubik Font Faces
   =============================== */

/* Rubik - Light (300) */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url('/assets/fonts/rubik/Rubik-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 300;
    src: url('/assets/fonts/rubik/Rubik-LightItalic.ttf') format('truetype');
}

/* Rubik - Regular (400) */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/fonts/rubik/Rubik-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    src: url('/assets/fonts/rubik/Rubik-Italic.ttf') format('truetype');
}

/* Rubik - Medium (500) */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url('/assets/fonts/rubik/Rubik-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 500;
    src: url('/assets/fonts/rubik/Rubik-MediumItalic.ttf') format('truetype');
}

/* Rubik - SemiBold (600) */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/fonts/rubik/Rubik-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 600;
    src: url('/assets/fonts/rubik/Rubik-SemiBoldItalic.ttf') format('truetype');
}

/* Rubik - Bold (700) */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/fonts/rubik/Rubik-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 700;
    src: url('/assets/fonts/rubik/Rubik-BoldItalic.ttf') format('truetype');
}