title: Attaching an Html style sheet to an Angular app
body: <p>I'm making an Angular web app to replace an existing website. said existing website already has a style sheet, and since Angular allows me to pretty much copy and paste my front end code directly into the new app i want to use the same style sheet. but its nearly 22,000 lines long so putting it inline is out of the question. </p>
  
  <p>i added it to my file directory and added it to my <strong>app.component.ts</strong>
  like so:</p>
  
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
      selector: 'app-root',
      templateUrl: './app.component.html',
      styleUrls: ['./app.BigHugeMess.css']
  })
  
  export class AppComponent {
      title = 'app';
  }
  </code></pre>
  
  <p>this method causes my app to fail when attempting to run. saying that:</p>
  
  <blockquote>
    <p>./app.color.ts couldn't be found in the current directory</p>
  </blockquote>
  
  <p>but i have never created a color.ts.</p>
  
  <p>what would be the best way to tie this style sheet file i have to my Angular app? because the way i'm using obviously isn't working.</p>