@font-face {
    font-family: 'Material Symbols Outlined';
    src: url('../fonts/google-material-icons/Material_Symbols_Outlined/MaterialSymbolsOutlined.ttf') format('truetype');
}

@font-face {
    font-family: 'Material Symbols Rounded';
    src: url('../fonts/google-material-icons/Material_Symbols_Rounded/MaterialSymbolsRounded.ttf') format('truetype');
}

@font-face {
    font-family: 'Material Symbols Sharp';
    src: url('../fonts/google-material-icons/Material_Symbols_Sharp/MaterialSymbolsSharp.ttf') format('truetype');
}

/* Base class */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
}

.material-symbols-rounded {
    font-family: 'Material Symbols Rounded';
}

.material-symbols-sharp {
    font-family: 'Material Symbols Sharp';
}