@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterialIcons.woff2') format('woff2');
  }
@font-face {
font-family: 'Material Icons Outlined';
font-style: normal;
font-weight: 400;
src: url('../fonts/MaterialIconsOutline.woff2') format('woff2');
}
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/MaterialSymbols.woff2') format('woff2');
}
  
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-osx-font-smoothing: grayscale;
}

  
.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;
    -moz-osx-font-smoothing: grayscale;
}
.material-icons.material-icons-outlined{
    font-family:'Material Icons Outlined';
}
.material-icons.md-18{
    font-size:1.125rem;
}
.material-icons.md-20{
    font-size:1.25rem;
}
.material-icons.md-22{
    font-size:1.375rem;
}
.material-icons.md-24{
    font-size:1.5rem;
}
.material-icons.md-26{
    font-size:1.625rem;
}
.material-icons.md-28{
    font-size:1.75rem;
}
.material-icons.md-32{
    font-size:2rem;
}
.material-icons.md-36{
    font-size:2.25rem;
}
.material-icons.md-40{
    font-size:2.5rem;
}
.material-icons.md-44{
    font-size:2.75rem;
}
.material-icons.md-48{
    font-size:3rem;
}
.material-icons.md-60{
    font-size:3.75rem;
}
.material-icons.md-72{
    font-size:4.5rem;
}