CSS issues

I have the following JQuery function to change the font size during Screen Resizing.

const textPattern = 0.0085;
function resizeFont(widthWindow){
    var calc_text = widthWindow * textPattern;
    $('body').css('font-size', calc_text);
}

The problem that when using this function all the edges increase proportionally and I did not want this, I tried to fix it, changing the function that way

var width = $(window).width();    
const textPattern = 0.0085;
function resizeFont(widthWindow){
    var calc_text = widthWindow * textPattern;
    var calc_exception = width * textPattern;
    $('body').css('font-size', calc_text);
    $('input').css('font-size', calc_exception);
}

I tested this function on my login screen where the input edges were increasing but it did not work, could anyone tell me how to fix this?