css not getting applied for velocity template in Liferay Theme

Question

I am using LIferay Theme to create a theme for a website. IN the portal_normal.vm file, I have included all the html code and css I have defined in custom.css

THe problem is that css from custom.css is not getting applied to portal_normal.vm page

SHould I include some file in velocity file which tells that custom.css should be included?

Also is it ok to include all css code in velocity?

Regards

EDIT:

custom.css and portal_normal.vm are inside _diffs folder

Answer 1

put the custom.css under ~/theme/docroot/_diffs/css/custom.css

see the main.css in ~/theme/docroot/css/main.css it should include

...
@import url(custom.css);
...