:root {
    --font-size: 3px;
}

/* @font-face {
    font-family: "OPPOSans-Light";
    src: url("../../font/9_1_1_OPPOSans-Light.ttf");
} */
/* @font-face {
    font-family: "OPPOSans-Regular";
    src: url("../../font/9_1_2_OPPOSans-Regular.ttf");
} */
/* @font-face {
    font-family: "OPPOSans-Medium";
    src: url("../../font/9_1_3_OPPOSans-MediumY.woff2");
} */
/* @font-face {
    font-family: "OPPOSans-Bold";
    src: url("../../font/9_1_4_OPPOSans-Bold.ttf");
} */
/* @font-face {
    font-family: "OPPOSans-Heavy";
    src: url("../../font/9_1_5_OPPOSans-Heavy.ttf");
} */

/* body {
    min-width: 300px !important;
    font-family: "OPPOSans-Medium";
} */

html {
    font-size: var(--font-size);
}


@media screen and (max-width: 300px) {
    :root {
        --font-size: 3px;
    }
    
}

@media screen and (min-width: 380px) {
    :root {
        --font-size: 4px;
    }
    
}

@media screen and (min-width: 400px) {
    :root {
        --font-size: 4px;
    }
}

@media screen and (min-width: 500px) {
    :root {
        --font-size: 5px;
    }
}

@media screen and (min-width: 600px) {
    :root {
        --font-size: 6px;
    }
    
}

@media screen and (min-width: 700px) {
    :root {
        --font-size: 6px;
    }
}


@media screen and (min-width: 800px) {
    :root {
        --font-size: 12px;
    }
}

@media screen and (min-width: 900px) {
    :root {
        --font-size: 12px;
    }
}


@media screen and (min-width: 1000px) {
    :root {
        --font-size: 13px;
    }
}


@media screen and (min-width: 1100px) {
    :root {
        --font-size: 14px;
    }
}

  
@media screen and (min-width: 1200px) {
    :root {
        --font-size: 14px;
    }
}
  
@media screen and (min-width: 1200px) {
    :root {
        --font-size: 16px;
    }
}
  
@media screen and (min-width: 1400px) {
    :root {
        --font-size: 16px;
    }
}
  
@media screen and (min-width: 1600px) {
    :root {
        --font-size: 18px;
    }
}

@media screen and (min-width: 1800px) {
    :root {
        --font-size: 18px;
    }
}
  
@media screen and (min-width: 2000px) {
    :root {
        --font-size: 20px;
    }
}