Changing the font on just one part of a passage

Authoring Twine
1

Twine Version: Sugarcube 2
I’m trying to change the font on just one part of one passage,. I have the following code, but it doesn’t seem to be doing anything.

In the Story Stylesheet:

@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
 
.poem {
   font-family: "Lobster", sans-serif;
}

In the actual passage:

<div class="poem">Beware the bloodbeast lurking in slime
Slavering tongue lashes in horror sublime
Pulling you down where the air is most foul
And in to its maw 'neath its hideous jowl
Covered in blisters which roil and burst
Deceiving its prey with mock eyes quite cursed
Guard well your breath and steel your reserve
Swing for the true eyes while you still have your nerve</div>

Thanx in advance for your help!

2

Is the @import rule at the top of your stylesheet? It used to be that imports had to be first or they’d be ignored IIRC. Yeah, looks like it: @import - CSS: Cascading Style Sheets | MDN

I don’t know if that’s your problem but that would be my first guess…

3

That was it! Thank you so much!