Different looks of my css in Chrome, Firefox and Safari

Hi!, i gonna build a new app soon, and im playing with the design panel and the styles panel. I created a css file with wappler and did some work with this top var as u can see here:

Captura de pantalla 2020-03-01 a la(s) 20.48.111417×841 110 KB

Captura de pantalla 2020-03-01 a la(s) 21.04.211855×899 279 KB

Captura de pantalla 2020-03-01 a la(s) 21.18.001865×910 194 KB

But when i did a test in Chrome, Firefox, and Safari this is what i got:

Captura de pantalla 2020-03-01 a la(s) 21.03.161920×1080 345 KB

As u can see in this pic, on the left Firefox shows it perfectly, Chrome on the right has some problem with the typography, colors and the avatar radius. Finally with Safari on the center i got everything ok exept for the typography.
Any solution to this problem?
Thnks in advance!