Wow that is quite broken.
At any point, did you modify the theme files or add content under Additional CSS in the Customizer?
no it was like this from start
Are you using any sort of caching plugin, or do you see a “Clear/Purge Cache” button in your Dashboard or admin bar? If so, would you please try clearing the cache?
Note: You do not need to install a caching plugin at this point just to clear a cache you don’t have. If you don’t have a caching plugin or a way to clear a server-level cache, just say so. π
I use LiteSpeed Cache purged all no change
Ok, try deactivating all plugins.
If the problem goes away, re-activate each one individually until you find the one causing the problem.
deactivated the LiteSpeed Cache and It make the difference π
The text Is little too small could i make it a bit larger
Ok, I recommend reporting the LightSpeed problem to https://wordpress.org/support/plugin/litespeed-cache/
As for the fonts, those are not Twenty Twenty-One’s fonts. How did you change them exactly?
I downloaded this Options for Twenty Twenty-One
Ok, that plugin can also control the font size.
If that’s not working for you, you can reach its support at https://wordpress.org/support/plugin/options-for-twenty-twenty-one/