@font-face {
    font-family: 'Slate Condensed';
    src: url('Slate-CondensedLight.woff2') format('woff2'),
        url('Slate-CondensedLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Slate';
    src: url('Slate-LightItalic.woff2') format('woff2'),
        url('Slate-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Slate';
    src: url('Slate-MediumItalic.woff2') format('woff2'),
        url('Slate-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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


@font-face {
    font-family: 'Slate';
    src: url('Slate-BoldItalic.woff2') format('woff2'),
        url('Slate-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Slate Condensed Book';
    src: url('Slate-CondensedBook.woff2') format('woff2'),
        url('Slate-CondensedBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Slate Book';
    src: url('Slate-Book.woff2') format('woff2'),
        url('Slate-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Slate Book';
    src: url('Slate-BookItalic.woff2') format('woff2'),
        url('Slate-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



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



@font-face {
    font-family: 'Slate Condensed';
    src: url('Slate-CondensedMedium.woff2') format('woff2'),
        url('Slate-CondensedMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Slate Condensed';
    src: url('Slate-CondensedBold.woff2') format('woff2'),
        url('Slate-CondensedBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} 
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
.material-symbols {
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 48
  }