@font-face {
  font-family: "Formula1 Zong";
  src: url("/fonts/formula1/Formula1-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

@font-face {
  font-family: "Smiley Sans Zong";
  src: url("/fonts/smiley-sans/SmileySans-Oblique.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

:root {
  --zong-font-sans: "Formula1 Zong", "Smiley Sans Zong", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
  --zong-font-chinese: "Smiley Sans Zong", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;
  --zong-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

html,
body,
button,
input,
textarea,
select,
.navbar,
.modal,
.dropdown-menu,
.markdown-body {
  font-family: var(--zong-font-sans) !important;
}

.navbar-brand,
.banner-text,
.index-header,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
  font-family: var(--zong-font-sans) !important;
}

#subtitle.subtitle-typing::after {
  content: "_";
  display: inline-block;
  margin-left: 0.08em;
  animation: zong-caret-blink 0.75s steps(1, end) infinite;
}

@keyframes zong-caret-blink {
  0%, 45% {
    opacity: 1;
  }

  46%, 100% {
    opacity: 0;
  }
}

code,
kbd,
pre,
samp,
pre *,
.highlight,
.highlight * {
  font-family: var(--zong-font-mono) !important;
}