@font-face {
  font-family: "Public Sans";
  src: url("/assets/fonts/PublicSans-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}

@font-face {
  font-family: "Playfair Display";
  src: url("/assets/fonts/PlayfairDisplay-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: block;
}

.material-symbols-outlined {
  align-items: center;
  border: 1.5px solid currentColor;
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: sans-serif;
  font-size: 0 !important;
  height: 1.5rem;
  justify-content: center;
  width: 1.5rem;
}

.material-symbols-outlined::before {
  background: currentColor;
  border-radius: 999px;
  content: "";
  display: block;
  height: 0.375rem;
  width: 0.375rem;
}