@font-face {
  font-family: 'Dosis';
  src: url('../fonts/dosis.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Smiley Sans Chinese';
  src: url('../fonts/smiley-sans.woff2') format('woff2'),
       url('../fonts/smiley-sans.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+2E80-2EFF, U+2F00-2FDF, U+2FF0-303F,
                 U+3100-312F, U+31A0-31BF, U+31C0-31EF, U+3200-33FF,
                 U+3400-4DBF, U+4E00-9FFF, U+F900-FAFF,
                 U+FE10-FE1F, U+FE30-FE4F, U+FF01-FF60, U+FFE0-FFE6,
                 U+20000-2FA1F, U+30000-323AF;
}
button, input, select, textarea {
  font-family: inherit;
}
.chinese-text {
  opacity: 0.8;
  letter-spacing: var(--chinese-letter-spacing, 2px);
}