title: Some bug in html,css file
body: <p>I just learned some HTML and css so I tried to make a simple website with it
  using this code
  why &quot;problem solving&quot; is pink, not blue?
  it's not a real problem but I really didn't know how to solve it</p>
  <p><a href="https://i.stack.imgur.com/CnGtE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CnGtE.png" alt="image1" /></a></p>
  <p>this is the website i've made</p>
  <pre><code>&lt;style&gt;
  *{
      margin: 3px 3px 3px 3px;
      padding: 3px 3px 3px 3px;
      font-size: 20px;
      width: auto;
      height: auto;
      text-align: center;
      font-family: sans-serif;
  
  }
  body{
      background-color: #17202A ;
  }
      h1{
          color: #AB2C5C;
          font-size: 30px;
      }
      h2{
          font-size: 26px;
      }
      h3{
          font-size: 23px;
      }
  .x{
    color: #4D5656 !important;
    
  }
  .ol1{
    border:  1px 1px 1px 1px;
    border-style: solid;
    border-radius: 1px 1px 1px 1px;
    font-size: 18px;
  
  }
  .ul1{
      border:  1px 1px 1px 1px;
    border-style: solid;
    font-size: 18px;
    border-radius: 1px 1px 1px 1px;
  }
  .ol2{
      border:  1px 1px 1px 1px;
    border-style: solid;
    font-size: 18px;
    border-radius: 1px 1px 1px 1px;
  }
  .ul2{
          border:  1px 1px 1px 1px;
    border-style: solid;
    font-size: 18px;
    border-radius: 1px 1px 1px 1px;
  }
  #p1{
      width: 150;
      height:auto;
      border: 3px solid;
      font-size: 18px;
      margin: 10px;
  }
  #p1:hover{
      Color: darkred;
  }
  #p2:hover{
      Color: darkred;
  }
  #p2{
      border: 3px solid;
      height:auto;
      font-size: 18px;
      width:auto;
      margin: 4px;
  }
  
  &lt;/style&gt;
  </code></pre>
  <p>and this is the css on it so what is the proplem ?</p>