Harlowe - can't get @media screen to work in stylesheet

Hey there,

I've been fiddling around with this for a while and looked at different tutorials and posts, but I must be missing something bleedingly obvious, because I can't seem to get the @media screen CSS to work even if I just copy-paste what other people say to have used.

So first I tried this.

@media screen and (max-width: 1280px) {
.passage { font-size: 120%; width: 51.2%; }

But then I read that that's a Twine1 thing (?), so I went with this, which I got from this post.

@media screen and (max-width: 1280px) {font-size: 1.2em;}

Changing the values for the font-size does nothing strangely enough. I removed anything else that alluded to font-size or margins (I do use "tw-sidebar {display: none;})

What I ultimately want to do with this is have about the same text width for every size of screen. I've noticed that for larger screen it makes the lines really long and it makes it hard to read, so I thought I'd make the margins and the text bigger when the screen size increases.

What am I missing? I hope any of you can point me in the right direction.