@font-face {
  font-family: SegoeUI;
  src:
      local("Segoe UI Light"),
      url("/fonts/SegoeUILight.woff2") format("woff2"),
      url("/fonts/SegoeUILight.woff") format("woff"),
      url("/fonts/SegoeUILight.ttf") format("truetype");
  font-weight: 100;
}

@font-face {
  font-family: SegoeUI;
  src:
      local("Segoe UI Semilight"),
      url("/fonts/SegoeUISemilight.woff2") format("woff2"),
      url("/fonts/SegoeUISemilight.woff") format("woff"),
      url("/fonts/SegoeUISemilight.ttf") format("truetype");
  font-weight: 200;
}

@font-face {
  font-family: SegoeUI;
  src:
      local("Segoe UI"),
      url("/fonts/SegoeUI.woff2") format("woff2"),
      url("/fonts/SegoeUI.woff") format("woff"),
      url("/fonts/SegoeUI.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: SegoeUI;
  src:
      local("Segoe UI Semibold"),
      url("/fonts/SegoeUISemibold.woff2") format("woff2"),
      url("/fonts/SegoeUISemibold.woff") format("woff"),
      url("/fonts/SegoeUISemibold.ttf") format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: SegoeUI;
  src:
      local("Segoe UI Bold"),
      url("/fonts/SegoeUIBold.woff2") format("woff2"),
      url("/fonts/SegoeUIBold.woff") format("woff"),
      url("/fonts/SegoeUIBold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "Noto Color Emoji";
  src: url("/fonts/NotoColorEmoji-Regular.ttf") format("truetype");
  font-weight: 200;
}
