title: CSS/ file is properly linked but, when I try to change the colors of the ID elements inside the CSS nothing happens. Any ideas?
body: <p>This is modalpopup.php</p>
  <pre><code>&lt;h1&gt;Pop Up&lt;/h1&gt;
  &lt;button id=&quot;openBtn&quot;&gt;Show Pop Up&lt;/button&gt;
  &lt;div id=&quot;overlay&quot;&gt;
    &lt;div id=&quot;modal&quot;&gt;
      &lt;button id=&quot;closeBtn&quot;&gt;Close&lt;/button&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;script src=&quot;js/modalpopup.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>This is javascript.php</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Javascript Projects&lt;/title&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;css/style.css&quot; type=&quot;text/css&quot;&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;nav&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href=&quot;javascript.php?counter&quot;&gt;Counter App&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;javascript.php?randomnumber&quot;&gt;Random Number Generator&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;javascript.php?hexgenerator&quot;&gt;Color Generator&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href=&quot;javascript.php?popup&quot;&gt;Pop Up&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/nav&gt;
  &lt;?php
  if(isset($_GET['counter'])){
    include('counter.php');
  }if(isset($_GET['randomnumber'])){
    include('randomnumber.php');
  }if(isset($_GET['hexgenerator'])){
    include('hexgenerator.php');
  }if(isset($_GET['popup'])){
    include('modalpopup.php');
  }
  
  ?&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>This is style.css</p>
  <pre><code>body{
    background-color: pink;
  }
  
  #overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index 1;
    background-color: plum;
  }
  
  #modal{
    max-width: 600px;
    height: 300px;
    margin: auto;
    background-color: white;
    position: relative;
  }
  </code></pre>
  <p>modalpopup.php is successfully linked to my style.css file because, I have the body background listed as pink in the main file its included in (javascript.php)and when I click the popup item of my menu the included modalpopup.php displays with the background as pink.</p>
  <p>HOWEVER,</p>
  <p>I used #overlay and I set the ID's properly but, for some reason when I try and add background colors to these items nothing displays. Any ideas what may be wrong ?</p>
  <p><em>EDIT</em>
  <em>I figured it out</em> I am using XAAMP and I cleared my cache in safari and now it is working.</p>