.noto-sans-sc-medium {
  font-family: 'Noto Sans SC', sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.google-sans-code-regular {
  font-family: 'Google Sans Code', monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.google-sans-code-italic {
  font-family: 'Google Sans Code', monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}

.google-sans-code-bold {
  font-family: 'Google Sans Code', monospace;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Atkinson Hyperlegible Mono';
  src: url('../assets/fonts/AtkinsonHyperlegibleMono-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Atkinson Hyperlegible Mono';
  src: url('../assets/fonts/AtkinsonHyperlegibleMono-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Atkinson Hyperlegible Mono';
  src: url('../assets/fonts/AtkinsonHyperlegibleMono-RegularItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
}

* {
  font-family: 'Atkinson Hyperlegible Mono', 'Google Sans Code', 'Noto Sans SC', sans-serif;
}

:lang(zh) {
  font-family: 'Noto Sans SC', 'SimSun', sans-serif;
}

footer {
  font-size: xx-small;
}

.header p {
  font-size: large;
  color: rgb(60, 87, 91);
}

@media screen and (max-width: 768px) {
  p {
    font-size: 12px;
  }
}