@media (min-width: 0px) {
    body {
        --min-font-size: 10;
        --max-font-size: 16;
        --min-vw: 375;
        --max-vw: 600;
    }
}

@media (min-width: 768px) {
    body {
        --min-font-size: 8;
        --max-font-size: 12;
        --min-vw: 768;
        --max-vw: 1152;
    }
}

@media (min-width: 1152px) {
    body {
        --min-font-size: 7.2;
        --max-font-size: 10;
        --min-vw: 1152;
        --max-vw: 1600;
    }
}

body {
    --rise: calc(var(--max-font-size) - var(--min-font-size));
    --run: calc(var(--max-vw) - var(--min-vw));
    --slope: calc(var(--rise) / var(--run));

    --max-font-size-px: calc(var(--max-font-size) * 1px);
    --min-font-size-px: calc(var(--min-font-size) * 1px);
    --min-vw-px: calc(var(--min-vw) * 1px);

    --fluid-font-size-px: calc(var(--slope) * (100vw - var(--min-vw-px)) + var(--min-font-size-px));

    font-size: clamp(var(--min-font-size-px), var(--fluid-font-size-px), var(--max-font-size-px));
}

body {
    /*font-size: 10px !important;*/
}