/*
 * Roboto by Christian Robertson - https://fonts.google.com/specimen/Roboto
 * License: Apache-2.0
 */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Thin.woff2') format('woff2'),
         url('woff/Roboto Thin.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Thin Italic.woff2') format('woff2'),
         url('woff/Roboto Thin Italic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Light.woff2') format('woff2'),
         url('woff/Roboto Light.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Light Italic.woff2') format('woff2'),
         url('woff/Roboto Light Italic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto.woff2') format('woff2'),
         url('woff/Roboto.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Italic.woff2') format('woff2'),
         url('woff/Roboto Italic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Medium.woff2') format('woff2'),
         url('woff/Roboto Medium.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Medium Italic.woff2') format('woff2'),
         url('woff/Roboto Medium Italic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Bold.woff2') format('woff2'),
         url('woff/Roboto Bold.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Bold Italic.woff2') format('woff2'),
         url('woff/Roboto Bold Italic.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Black.woff2') format('woff2'),
         url('woff/Roboto Black.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: local('Roboto'),
         url('woff2/Roboto Black Italic.woff2') format('woff2'),
         url('woff/Roboto Black Italic.woff') format('woff');
}