@font-face{
    font-family:'Outfit';
    src:
            url('../fonts/Outfit/static/Outfit-Thin.ttf') format('truetype');
    font-weight:100;
    font-style:normal;
}

@font-face{
    font-family:'Outfit';
    src:
            url('../fonts/Outfit/static/Outfit-ExtraLight.ttf') format('truetype');
    font-weight:200;
    font-style:normal;
}

@font-face{
    font-family:'Outfit';
    src:
        url('../fonts/Outfit/static/Outfit-Light.ttf') format('truetype');
    font-weight:300;
    font-style:normal;
}

@font-face{
    font-family:'Outfit';
    src:
            url('../fonts/Outfit/static/Outfit-Regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal;
}

@font-face{
    font-family:'Outfit';
    src:
            url('../fonts/Outfit/static/Outfit-Medium.ttf') format('truetype');
    font-weight:500;
    font-style:normal;
}

@font-face{
    font-family:'Outfit';
    src:
            url('../fonts/Outfit/static/Outfit-SemiBold.ttf') format('truetype');
    font-weight:600;
    font-style:normal;
}

@font-face{
    font-family:'Outfit';
    src:
            url('../fonts/Outfit/static/Outfit-Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal;
}

@font-face{
    font-family:'Outfit';
    src:
            url('../fonts/Outfit/static/Outfit-Bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal;
}

@font-face{
    font-family:'Outfit';
    src:
            url('../fonts/Outfit/static/Outfit-ExtraBold.ttf') format('truetype');
    font-weight:800;
    font-style:normal;
}

@font-face{
    font-family:'Outfit';
    src:
            url('../fonts/Outfit/static/Outfit-Black.ttf') format('truetype');
    font-weight:900;
    font-style:normal;
}



@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    /*font-size: 24px;*/  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* fallback */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/material-symbol-outlined.woff2') format('woff2');
}

@font-face {
    font-family: 'Material Symbols Sharp';
    font-style: normal;
    font-weight: 100 700;
    src: url('../fonts/MaterialSymbolsSharp-VariableFont_FILL,GRAD,opsz,wght.ttf') format('truetype');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    /*font-size: 24px;*/
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 24;
}

.material-symbols-sharp {
    font-family: 'Material Symbols Sharp';
    font-style: normal;
     font-variation-settings:
             'FILL' 1,
             'wght' 400,
             'GRAD' 0,
             'opsz' 24;

 }