Why do you need to import it in the components folder :/

Just import it in your layout and it will be available to all the pages and in extension the components on the page

i want to change css on click

Don't use global css for that then

create two css classes and switch between on click

heah thats what i was planning

but cant import it from the same folder either

You don't need to explicitly import it in the components

If you create the classes in the global css and its imported in the layout file, then those classes should be available to the components

so how do I call them?

You just use them like you normally use css classes

trying to use this code https://stackoverflow.com/questions/66992178/how-can-i-toggle-a-class-and-change-the-css-in-nextjs

how do I reference it the same as "styles" in this code

That specific example is using css modules

Not global

Which is kinda better tbh since you dont need those specific styles for the entire site

okay i check it

@Clown it does not recognise it

oh sh*t i missed that completly 😅

If the problem's solved, mark the answer