Why, after transferring the markup to the angular component, did some of the styles disappear?

Question

css

I used a long stylesheet and it worked.
After transferring part of the code to the component (in this case, through routing), I have part of the markup displayed, but part of the styles floated. The tags seem to be all closed, but I'm racking my brains why if they are displayed in their entirety, then everything works, but if through a component, then something happens to the styles.
Styles are connected at the very top level for the entire site.