Custom CSS, Title + Nav for Cobalt-semicircle theme

Site URL: https://cobalt-semicircle-k87m.squarespace.com/

Hi,

I'm not able to change the title and nav bar to the custom font 'MADE SAONARA 2'. I've been able to get the H1, H2, H3, H4 etc working but not the title and nav bar. I've tried multiple different css syntax but no luck. Any ideas?

cobalt-semicircle is the template

@font-face {    
font-family: 'MADE SAONARA 2';       
src: url('https://static1.squarespace.com/static/5d80645df48a56598e1cc054/t/5e9384655e4b116e09a3d8ee/1586725989982/MADE+SAONARA+2.otf');  }

@font-face {    
font-family: 'MADE SAONARA';       
src: url('https://static1.squarespace.com/static/5d80645df48a56598e1cc054/t/5e938460af9d553df45a5b84/1586725984613/MADE+SAONARA.otf');  }

h1 {font-family: 'MADE SAONARA 2';}
h2 {font-family: 'MADE SAONARA 2';}
h3 {font-family: 'MADE SAONARA';}
h4 {font-family: 'MADE SAONARA';}

.has-site-title .Header-branding {font-family: "MADE SAONARA 2";}

Your site is private. Can you setup password & share url?

https://cobalt-semicircle-k87m.squarespace.com/config/

password123

4 hours ago, tuanphan said:

Your site is private. Can you setup password & share url?

https://cobalt-semicircle-k87m.squarespace.com/config/

password123 

@tuanphan

/* title */
span#site-title {
    font-family: 'MADE SAONARA';
}
/* tagline */
h2.logo-subtitle {
    font-family: 'MADE SAONARA' !important;
}
/* nav */
ul#nav * {
    font-family: 'MADE SAONARA' !important;
}

Thank you so much! @tuanphan