@font-face {
  font-family: "FragEmoji";
  src: url("./fonts/NotoColorEmoji.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "FragDisplay";
  src: url("./fonts/RubikMonoOne-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "FragJP";
  src: url("./fonts/NotoSansJP-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Dela Gothic One";
  src: url("./fonts/DelaGothicOne-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "DelaGothicOne";
  src: url("./fonts/DelaGothicOne-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "MochiyPopOne";
  src: url("./fonts/MochiyPopOne-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "DotGothic16";
  src: url("./fonts/DotGothic16-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "ShipporiMincho";
  src: url("./fonts/ShipporiMincho-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Yomogi";
  src: url("./fonts/Yomogi-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "ZenDots";
  src: url("./fonts/ZenDots-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "RubikMonoOne";
  src: url("./fonts/RubikMonoOne-Regular.ttf") format("truetype");
  font-display: swap;
}

:root {
  --frag-font-stack:
    "FragDisplay",
    "FragJP",
    "Dela Gothic One",
    "DotGothic16",
    "MochiyPopOne",
    "Yomogi",
    "ShipporiMincho",
    "RubikMonoOne",
    "ZenDots",
    "FragEmoji",
    "Apple Color Emoji",
    "Segoe UI Emoji",
    system-ui,
    sans-serif;
  --frag-ui-font-stack:
    "FragJP",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  --frag-ui-display-stack:
    "Dela Gothic One",
    "FragJP",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--frag-ui-font-stack);
}