title: CSS error: at-rule or selector expected, { expected
body: <p>I'm trying to run this code on Visual Studio Code and faced these errors:</p>
  <p>at-rule or selector expected at Ln1 Col1, Ln7 Col 1, Ln50 Col1</p>
  <p>{ expected at Ln2 Col1, Ln51 Col 1</p>
  <p>I tried to run these on W3Schools and they ran just fine. How can I solve this issue? Here's the code, thank you!</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  body {
      background-color: white;
  }
  
  /* Text Display */
  
  h1 {
      font-family: georgia, &quot;Times New Roman&quot;, Times, serif;
      color: black; /* Set text color to black */
      text-align: center;
  }
  
  #p1 {
      font-family: Arial, Helvetica, sans-serif;
      color: blue; /* Set text color to blue */
      text-align: center;  
  }
  
  .center {
      font-family: Arial, Helvetica, sans-serif;
      color: green; /* Set text color to green */
      text-align: center;
  }
  
  /* unvisited link */
  a:link {
      color: blueviolet;
    }
    
    /* visited link */
    a:visited {
      color: gray;
    }
    
    /* mouse over link */
    a:hover {
      color: blue;
      font-weight: bold;
    }
    
    /* selected link */
    a:active {
      color: blue;
    }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;Welcome!&lt;/h1&gt;
  &lt;h2 id=&quot;p1&quot;&gt;Enjoy numerous movie reviews and recommendations here.&lt;/h2&gt;
  &lt;h3 class=&quot;center&quot;&gt;Featured movie of the week:&lt;/h3&gt;
  &lt;p&gt;&lt;b&gt;&lt;a href=&quot;default.asp&quot; target=&quot;_blank&quot;&gt;Everything Everywhere All at Once&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>