Global CSS cannot be imported

[realeddiebingo]

I get the follwing error message:

Global CSS cannot be imported from files other than your Custom . Due to the Global nature of stylesheets, and to avoid conflicts, Please move all first-party global CSS imports to pages/_app.js. Or convert the import to Component-Level CSS (CSS Modules).
Read more: https://nextjs.org/docs/messages/css-global

How can this be fixed?

PS: Thank you so much for sharing this!