1 - h1 etiketine float:left verin , sağdan bağımsız alsın paddingi
2- h1 etiketi ve sağdaki menü iki üst seviyelerse kaplayıcılarına flex verin yine iç blokta bağımsız çalışırlar.

position: relative;top:25px;

bunu verip dener misiniz?

h1 etiketi block seviyesinde bir eleman. Sağ click yapıp incele derseniz satırın tamamını kapsadığını görürsünüz. Burada eğer sadece sağdaki yazıyı aşağı almak istiyorsanız (başlangıç seviyesi için) yapmanız gereken display:inline-block diyerek elemanı önce inline hale getirip öyle padding vermeyi deneyin.

HTML'e Bootstrap'ı include ettiniz? Ettiyseniz en başından fontların böyle olmaması gerekir + olarak Bootstrap'ın kendi navbar sistemini kullanabilirsiniz.


https://getbootstrap.com/docs/5.1/components/navbar/