@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url('../fonts/MaterialSymbolsOutlined.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  src: url('../fonts/MaterialSymbolsRounded.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Symbols Sharp';
  font-style: normal;
  font-weight: 100 700;
  src: url('../fonts/MaterialSymbolsSharp.woff2') format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  /* font-size: 24px; */
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  transition: all 0.2s ease;
  /* cursor: pointer; */

  font-style: normal !important;
  font-weight: normal !important;
  transition: font-variation-settings 0.15s ease;

}

.material-symbols-outlined:hover {
  /* font-variation-settings: 'FILL' 1; */
  text-shadow: 0 0 1px rgba(56, 54, 54, 0.9);

}