How to increase size in all directions?

Question

I have made a test website to show the problem.

Whenever i increase the size, the text moves downward. but i cant get it to increase in all directions.

For Demonstration purpose i made the increased size 5.2rem (will only be 1.2rem in the end)

https://code.sololearn.com/W7z3zEebFycL/?ref=app

Answer 1

Okay, i understand what you want now.
Try to use transform selector instead, remove font-size

/* font-size: 5.2rem; */
transform-origin: 0% 50%;
transform: scale(5.2);

Answer 2

Calviղ Thank you very much!

Answer 3

Remove position: absolute;

Answer 4

Calviղ if i remove position absolute, the rest will be moved around when hovering.

And the other problem isnt solved by that, since it still doesnt increase in size in all directions but only downwards.