title: CSS Only Shows Up When I Manually Drag My Stylesheet Into Inspect Element In Browser
body: <p>I'm currently working on a small graphic design portfolio. My css will only apply to my html if I manually drag it into inspect element in a web browser. I cant seem to figure out this issue. Would really appreciate some feedback</p>
  
  <p>I've made sure my stylesheet is in the same folder as my index. I'm not 100% sure if I linked them correctly though in my html.</p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
      &lt;meta charset="utf-8"/&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;My Website&lt;/title&gt;
      &lt;link rel="stylesheet" href="style.css" type=text/css"&gt;
      &lt;link rel="stylesheet" href="normalize.css" type=text/css"&gt;
      &lt;/head&gt;
  
  
  
     @import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700');
  
  body {
      font-family: 'Nunito', sans-serif;
      background: #EFF1F7;
  }
  
  .content {
     grid-area: content;
    background: url(images/background-shapes.png);
    }
  .sidebar {
    grid-area: sidebar;
    background: linear-gradient(#fa5c98, #795ef8);
    rgba(249,107,142,1),
    rgba(218,103,230,1),
    rgba(130,125,253,1);
    justify-content: center;
   }
  </code></pre>
  
  <p>I'm trying to apply a linear gradient (Sorry about my css I couldnt figure out how to properly format it like my html)</p>