title: Ember css dosen't work + How to create two stylsheets
body: <p>I'm new to ember and I try bulid some application<br>
  So my first question was how to add css , I google it and I found this answer <a href="https://stackoverflow.com/questions/36481541/where-to-add-css-and-js-files-in-ember-cli-app">Where to add css and js files in ember-cli app?</a><br>
  So what I did is to create <code>header.css</code> file in <code>app\styles</code><br>
  The CSS content is:</p>
  
  <pre><code>header {
       background-color: #0c2635;
       color: #a2a2a2;
       padding:30px;
   }
   header h1 {
       text-align:center;
       font-family: 'Indie Flower', cursive;
       font-size:60px;
   }
   nav#navbar {
       background-color:#dcdcdc;
       margin-bottom:25px;
   }
   nav#navbar ul {
       list-style-type: none;
   }
   nav#navbar ul li {
       display:inline-block;
   }
  </code></pre>
  
  <p>My <code>application.hbs</code> contain this HTML:</p>
  
  <pre><code>&lt;header&gt;
  &lt;h1&gt;DrawYourGIF&lt;/h1&gt;
  &lt;/header&gt;
  &lt;nav id="navbar"&gt;
  &lt;ul&gt;
      &lt;li&gt;
          &lt;a href="#"&gt;
              &lt;i class="fa fa-picture-o" aria-hidden="true"&gt;&lt;/i&gt;
              צפה בכל הגיפים
          &lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="pull-end"&gt;
          &lt;a href="#"&gt;
              &lt;i class="fa fa-user-plus" aria-hidden="true"&gt;&lt;/i&gt;
              הרשמה
          &lt;/a&gt;
      &lt;/li&gt;
      &lt;li class="pull-end"&gt;
          &lt;a href="#"&gt;
              &lt;i class="fa fa-user" aria-hidden="true"&gt;&lt;/i&gt;
              התחברות
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>But the result that I get is that:</p>
  
  <p><img src="https://i.imgur.com/4Wd17VY.png" alt="result"></p>
  
  <p>Nothing is work</p>
  
  <p>Why is that? How can I make its work?</p>
  
  <p>2)
  I want to bulid site for two languages </p>
  
  <p>How can I make one css that will be used once when I need <code>rtl</code> and once that I need <code>ltr</code>?</p>