CSSを動的（最初からではなく、任意のタイミング）に変更するための方法は3つ

①CSSファイル（styleシート）に書いておき、JSを使ってHTML要素にClass名をつける
documents.getElementById("id").classList.add("CSSクラス名");
利点）同じCSSを使い回すときに楽

②styleプロパティを使う
documents.getElementById("id").style.fontSize = "20px" ;
利点）上の20pxに変数を当てられる
使用例）15~25pxでランダムにフォントサイズを変える
const randomSize = Math.random() * (25 - 15) + 15;
documents.getElementById("id").style.fontSize = `${randomSize}px` ;

③jQueryを使う（まだやってない）

参考　https://techacademy.jp/magazine/31008