@media (width: 1920px) {
  html {
    font-size: 16px;
  }
}

@media (width: 1680px) {
  html {
    font-size: 14px;
  }
}

@media (width: 1600px) {
  html {
    font-size: 13.2px;
  }
}

@media (width: 1440px) {
  html {
    font-size: 12px;
  }
}

@media (width: 1400px) {
  html {
    font-size: 11.6px;
  }
}

@media (width: 1280px) {
  html {
    font-size: 10.6px;
  }
}

@media (width: 1152px) {
  html {
    font-size: 9.5px;
  }
}

@media (width: 1024px) {
  html {
    font-size: 9px;
  }
}

@media (width: 1000px) {
  html {
    font-size: 7.2px;
  }
}


/* @font-face {
  font-family: "myFont1";
  src: url("../../font/OPPOSANS-H.woff2") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "myFont2";
  src: url("../../font/OPPOSANS-H.woff2") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "myFont3";
  src: url("../../font/OPPOSANS-R.woff2") format("woff2");
  font-style: normal;
} */