Site title with custo font

Site URL: http://www.juliestamenic.com

Hi all,

Could anyone tell me what is missing in the below code to apply my customized font to my site title?

I have tried the below code but it does not do anything... 

Page in question is: https://www.juliestamenic.com/portfolio

CSS Code:

@font-face { font-family: 'flood';
src: url('https://static1.squarespace.com/static/58fa64a22e69cfe88ec04b3f/t/5e91d23d39bf386e5444816e/1586614845140/Flood.otf');
}

#siteTitle a {font-family: 'flood';       src: url('https://static1.squarespace.com/static/58fa64a22e69cfe88ec04b3f/t/5e91d23d39bf386e5444816e/1586614845140/Flood.otf'),; }

Thanks a million
Julie

Add to Home > Design > Custom CSS

@font-face { 
  font-family: 'flood';
  src: url('https://static1.squarespace.com/static/58fa64a22e69cfe88ec04b3f/t/5e91d23d39bf386e5444816e/1586614845140/Flood.otf');
}
.site-title a {
    font-family: 'flood';
}

It worked ! 🙂
Thanks a lot @tuanphan !