title: My CSS file not working in my PHP file
body: <p>I can't understand why my css file is not working whenever I make some changes in it. The codes that I entered before are working properly but whenever I change the code it doesn't shows up.</p>
  
  <pre><code>    &lt;?php 
  session_start();
   ?&gt;
  
  &lt;?php 
  
    include "dbt_connect.php";
  
  ?&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Movies&amp;amp;Stuff&lt;/title&gt;
      &lt;script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
    crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" href="FontAwesome/css/fontawesome-all.min.css"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="index.css"&gt;
  
    &lt;style&gt;
      #footer{
          width: 100%;
          height: 100px;
          margin-bottom: 0px;
          background-color: gray;
          text-align: center;
          color: white;
      }
      #footer pre{
          padding-top: 50px;
          font-size: 16px;
      }
      #footer a{
          color: white;
          text-decoration: none;
      }
    &lt;/style&gt;
  
    &lt;script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5b0ae82b461c9500119099e0&amp;product=sticky-share-buttons' async='async'&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;header id="top_header" style="margin-top: 20px"&gt;
          &lt;div class="clear"&gt;
          &lt;h1 id="logo"&gt;Movies&lt;span id="and"&gt;&amp;amp;&lt;/span&gt;Stuff&lt;/h1&gt;
          &lt;nav id="main_nav"&gt;
              &lt;?php 
                  if (isset($_SESSION['user_id'])) {
                      echo '
                      &lt;a href="#" class="menu"&gt;&lt;i class="fa fa-bars"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;a href="Movies.php"&gt;Movies&lt;/a&gt;
              &lt;a href="TV Series.php"&gt;TV Series&lt;/a&gt;
              &lt;a href="AboutUs.php"&gt;About Us&lt;/a&gt;
              &lt;a href="ContactUs.php"&gt;Contact Us&lt;/a&gt;
  
                      &lt;form action="Includes/logout.inc.php" method="POST" style="float:right; margin-right:1em; border:none;"&gt;
                      &lt;button type="submit" name="submit" style="background-color:black; border:none; color: #A5A5A5FF; font-size:17px;outline-style:none;"&gt;Logout&lt;/button&gt;
                      &lt;/form&gt;';
                  }else{
                      echo '
                      &lt;a href="#" class="menu"&gt;&lt;i class="fa fa-bars"&gt;&lt;/i&gt;&lt;/a&gt;
                      &lt;a href="Movies.php"&gt;Movies&lt;/a&gt;
              &lt;a href="TV Series.php"&gt;TV Series&lt;/a&gt;
              &lt;a href="AboutUs.php"&gt;About Us&lt;/a&gt;
              &lt;a href="ContactUs.php"&gt;Contact Us&lt;/a&gt;
              &lt;span class="login" style="margin-right: -1em;"&gt;&lt;a href="login.php"&gt;Login&lt;/a&gt;&lt;/span&gt; | &lt;span class="signup"&gt;&lt;a href="signup.php"&gt;Signup&lt;/a&gt;&lt;/span&gt;';
                  }
  
               ?&gt;
  
          &lt;/nav&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This is my php file code, I added a bar in the menu using font awesome and made it to display none in my css external file, but it just shows up. I can't understand why my css file is not working on my any other php files. I'm running it on localhost. I tried restarting it but nothing found.</p>
  
  <pre><code>    *{
      margin:0 auto;
  }
  body{
      font-family: sans-serif;
      background-color: black;
      color:#A8A8A8FF;
  }
  h1 h2 h3 h4 h5 h6{
      font-weight: 500;
  }
  .clear{
      clear: both;
  }
  #top_header{
      height: 150px;
  }
  
  .menu{
      display: none;
  }
  #logo{
      float:left;
      padding: 20px;
      text-transform: uppercase;
      color: white;
  }
  #and{
      font-weight: normal;
  }
  #main_nav{
      float: right;
      padding: 30px;
  
  
  #main_nav a{
      color: #A5A5A5FF;
      margin-right: 1em;
      text-decoration: none;
  }
  .search{
      display: inline-flex;
      font-size: 20px;
      width: 97%;
  
  }
  .searchterm{
      width: 97%;
      font-size: inherit;
      border: 0.1em solid #6D6D6DFF;
      border-radius: 0.5em 0 0 0.5em;
      padding:0.2em 0.5em;
      margin-left: 20px;
      outline-style: none;
      transition: 1s all;
  }
  .search-btn{
      font-size: inherit;
      border: 0.1em solid #6D6D6DFF;
      border-radius: 0 0.5em 0.5em 0;
      cursor: pointer;
      outline-style: none;
      width: 100px;
  
  }
  .search-btn i{
      color: #6B6B6BFF;
  }
  .searchterm:focus{
      border:0.1em solid #C6C6C6FF;
  }
  </code></pre>
  
  <p>This is my external css code, I've added display:none for the class menu under the top header but I'm still getting nothing. This problem occurred me last time when I was making footer but it didn't worked so I did it in the internal css. please help me sort out this thing.</p>