Changing Site Title Font with Custom CSS

Hi there! I am trying to change my site title to my custom font. I uploaded it and inputted the CSS to add the font, and I can get it to work if I do h1 or h2 but I can't for the life of me figure out what to put to get it to change my site title. Is it the template I'm using? Here's what I have

//ADDING PASTELYN FONT//
@font-face {
    font-family: 'PASTELYN';
       src: url('https://static1.squarespace.com/static/5df22fc379484348e14137a3/t/5df236ca5b62b55cb767a51f/1576154826055/Pastelyn.otf');
  }

//ASSIGN PASTELYN FONT//
site title {font-family: 'PASTELYN';}

2 hours ago, jordyndarco said:

/ASSIGN PASTELYN FONT//
site title {font-family: 'PASTELYN';}

Hi @jordyndarco

Try this:

.site-title {
             font-family: 'PASTELYN' !important;
}