Font being cropped when using code block and css

I want to add a typing text animation to my website. I am using a code block that i will insert here:

 <div class= "typeit"> Fitness. Confidence. Self-Discipline. </div>

for some reason, the text is cropped. I expanded the box thinking maybe that was the cause of the full words not showing but it is still cropped at the bottom. I attached a photo and would appreciate any advice thank you.

Hi,

What is page url?