How can I change the navigation menu to a custom font?

Site URL: https://llama-whale-x7fk.squarespace.com/config/design

I have already changed most of the website, including some buttons, to my desired custom fonts using CSS. The navigation menu and some buttons are the only things still missing. Can anyone help?

Here is the CSS I have so far:

@font-face {

    font-family: 'LibreBarkerville-Regular';

       src: url('https://static1.squarespace.com/static/6282b36071566a2020f81aef/t/629b8cd759da1163bf62c4db/1654361303486/LibreBaskerville-Regular.otf');

  }

h1 {font-family: 'LibreBarkerville-Regular';}
h2 {font-family: 'LibreBarkerville-Regular';}
h3 {font-family: 'LibreBarkerville-Regular';}
h4 {font-family: 'LibreBarkerville-Regular';}

@font-face {

    font-family: 'Rosario-Regular';

       src: url('https://static1.squarespace.com/static/6282b36071566a2020f81aef/t/629baba95b908c55df4c54ae/1654369193767/Rosario-Regular.ttf');

  }

p {font-family: 'Rosario-Regular';}

@font-face {   
    font-family: 'Rosario-Regular';   
    src: url(https://static1.squarespace.com/static/6282b36071566a2020f81aef/t/629baba95b908c55df4c54ae/1654369193767/Rosario-Regular.ttf); 
}

.sqs-block-button-element {
  font-family: 'Rosario-Regular' !important;
}

Would  really appreciate your help!

Your site is private. Can you setup password & share url again? We can check easier