@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('/fonts/Roboto-ThinItalic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/Roboto-LightItalic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/Roboto-Italic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('/fonts/Roboto-MediumItalic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/Roboto-BoldItalic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('/fonts/Roboto-BlackItalic.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/Roboto-Light.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/Roboto-Light.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/Roboto-Regular.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/Roboto-Medium.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/Roboto-Bold.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/Roboto-Black.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'FiraMono';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/FiraMono-Regular.woff2') format('woff2');
}

:root {
    --tfd-color-black: #111;
    --tfd-color-white: #F6F6F6;

    --tfd-color-primary: #005e9d;
    --tfd-color-primary-variant: #3700b3;
    --tfd-color-secondary: #c2f3d9;
    --tfd-color-secondary-variant: #018786;
    --tfd-color-error: #b00020;
    --tfd-color-surface-1: #f8f9fa;
    --tfd-color-surface-2: #e9ecef;
    --tfd-color-surface-3: #dee2e6;
    --tfd-color-surface-4: #ced4da;
    --tfd-color-logo: #feecba;
    --tfd-color-text: #030507;
    --tfd-color-dark-grey: #333;
    --tfd-shadow-1: 0 1px 2px -1px hsl(220 3% 15% / 10%);
    --tfd-shadow-2: 0 2px 4px rgba(0, 0, 0, 0.3);
    --tfd-shadow-3: 0 -1px 3px 0 hsl(220 3% 15% / 3%), 0 1px 2px -5px hsl(220 3% 15% / 3%), 0 2px 5px -5px hsl(220 3% 15% / 5%), 0 4px 12px -5px hsl(220 3% 15% / 6%), 0 12px 15px -5px hsl(220 3% 15% / 8%);
}

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6,
.reveal p {
    color: var(--tfd-color-primary);
    font-family: Roboto, Arial, sans-serif;
}

.reveal h1 {
    font-weight: 600;
}

.reveal h2 {
    font-weight: 500;
}

.reveal p {
    font-weight: 400;
}

.reveal .light-text h1,
.reveal .light-text h2,
.reveal .light-text h3,
.reveal .light-text h4,
.reveal .light-text h5,
.reveal .light-text h6,
.reveal .light-text p {
    color: var(--tfd-color-white);
    font-family: Roboto, Arial, sans-serif;
}

.hljs-class .hljs-title,
.hljs-title.class_ {
    color: #0066cc !important;
}

.reveal .black-text h1,
.reveal .black-text h2,
.reveal .black-text h3,
.reveal .black-text h4,
.reveal .black-text h5,
.reveal .black-text h6,
.reveal .black-text p {
    color: var(--tfd-color-black);
}

.reveal .blue-text h1,
.reveal .blue-text h2,
.reveal .blue-text h3,
.reveal .blue-text h4,
.reveal .blue-text h5,
.reveal .blue-text h6,
.reveal .blue-text p {
    color: var(--tfd-color-primary);
}

.reveal .sources {
    font-size: 50%;
}